From 1da467d2143a260af8e5b7d2d2f68f0fcaa0260c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 05 Aug 2023 23:43:50 +0000
Subject: [PATCH] non-admonition callout fix
---
quartz/components/PageList.tsx | 78 +++++++++++++++++++++++++++-----------
1 files changed, 55 insertions(+), 23 deletions(-)
diff --git a/quartz/components/PageList.tsx b/quartz/components/PageList.tsx
index da1bf9f..7183acb 100644
--- a/quartz/components/PageList.tsx
+++ b/quartz/components/PageList.tsx
@@ -17,36 +17,68 @@
// otherwise, sort lexographically by title
const f1Title = f1.frontmatter?.title.toLowerCase() ?? ""
const f2Title = f2.frontmatter?.title.toLowerCase() ?? ""
- return f1Title.localeCompare(f2Title)
+ return f1Title.localeCompare(f2Title)
}
-export function PageList({ fileData, allFiles }: QuartzComponentProps) {
- const slug = canonicalizeServer(fileData.slug!)
- return <ul class="section-ul">
- {allFiles.sort(byDateAndAlphabetical).map(page => {
- const title = page.frontmatter?.title
- const pageSlug = canonicalizeServer(page.slug!)
- const tags = page.frontmatter?.tags ?? []
+type Props = {
+ limit?: number
+} & QuartzComponentProps
- return <li class="section-li">
- <div class="section">
- {page.dates && <p class="meta">
- <Date date={page.dates.modified} />
- </p>}
- <div class="desc">
- <h3><a href={resolveRelative(slug, pageSlug)} class="internal">{title}</a></h3>
- </div>
- <ul class="tags">
- {tags.map(tag => <li><a class="internal" href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}>#{tag}</a></li>)}
- </ul>
- </div>
- </li>
- })}
- </ul>
+export function PageList({ fileData, allFiles, limit }: Props) {
+ const slug = canonicalizeServer(fileData.slug!)
+ let list = allFiles.sort(byDateAndAlphabetical)
+ if (limit) {
+ list = list.slice(0, limit)
+ }
+
+ return (
+ <ul class="section-ul">
+ {list.map((page) => {
+ const title = page.frontmatter?.title
+ const pageSlug = canonicalizeServer(page.slug!)
+ const tags = page.frontmatter?.tags ?? []
+
+ return (
+ <li class="section-li">
+ <div class="section">
+ {page.dates && (
+ <p class="meta">
+ <Date date={page.dates.modified} />
+ </p>
+ )}
+ <div class="desc">
+ <h3>
+ <a href={resolveRelative(slug, pageSlug)} class="internal">
+ {title}
+ </a>
+ </h3>
+ </div>
+ <ul class="tags">
+ {tags.map((tag) => (
+ <li>
+ <a
+ class="internal tag-link"
+ href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}
+ >
+ #{tag}
+ </a>
+ </li>
+ ))}
+ </ul>
+ </div>
+ </li>
+ )
+ })}
+ </ul>
+ )
}
PageList.css = `
.section h3 {
margin: 0;
}
+
+.section > .tags {
+ margin: 0;
+}
`
--
Gitblit v1.10.0