From e9fb0ecb96a2de53cf5f060c4e151f539ca4b089 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 02 Feb 2024 05:19:51 +0000
Subject: [PATCH] fix: border radius on search preview
---
quartz/components/pages/FolderContent.tsx | 16 ++++++++++------
1 files changed, 10 insertions(+), 6 deletions(-)
diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx
index 1acb98a..47fb02f 100644
--- a/quartz/components/pages/FolderContent.tsx
+++ b/quartz/components/pages/FolderContent.tsx
@@ -20,7 +20,6 @@
}
export default ((opts?: Partial<FolderContentOptions>) => {
- // Merge options with defaults
const options: FolderContentOptions = { ...defaultOptions, ...opts }
function FolderContent(props: QuartzComponentProps) {
@@ -34,7 +33,8 @@
const isDirectChild = fileParts.length === folderParts.length + 1
return prefixed && isDirectChild
})
-
+ const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
+ const classes = ["popover-hint", ...cssClasses].join(" ")
const listProps = {
...props,
allFiles: allPagesInFolder,
@@ -46,13 +46,17 @@
: htmlToJsx(fileData.filePath!, tree)
return (
- <div class="popover-hint">
+ <div class={classes}>
<article>
<p>{content}</p>
</article>
- {options.showFolderCount && <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>}
- <div>
- <PageList {...listProps} />
+ <div class="page-listing">
+ {options.showFolderCount && (
+ <p>{pluralize(allPagesInFolder.length, "item")} under this folder.</p>
+ )}
+ <div>
+ <PageList {...listProps} />
+ </div>
</div>
</div>
)
--
Gitblit v1.10.0