diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx index 67cfa8d..436ed91 100644 --- a/quartz/components/pages/FolderContent.tsx +++ b/quartz/components/pages/FolderContent.tsx @@ -33,7 +33,8 @@ export default ((opts?: Partial) => { 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, @@ -45,7 +46,7 @@ export default ((opts?: Partial) => { : htmlToJsx(fileData.filePath!, tree) return ( -
+

{content}

diff --git a/quartz/components/pages/TagContent.tsx b/quartz/components/pages/TagContent.tsx index 890755b..5050746 100644 --- a/quartz/components/pages/TagContent.tsx +++ b/quartz/components/pages/TagContent.tsx @@ -26,7 +26,8 @@ function TagContent(props: QuartzComponentProps) { (tree as Root).children.length === 0 ? fileData.description : htmlToJsx(fileData.filePath!, tree) - + const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? [] + const classes = ["popover-hint", ...cssClasses].join(" ") if (tag === "/") { const tags = [ ...new Set( @@ -37,9 +38,8 @@ function TagContent(props: QuartzComponentProps) { for (const tag of tags) { tagItemMap.set(tag, allPagesWithTag(tag)) } - return ( -
+

{content}

@@ -81,7 +81,7 @@ function TagContent(props: QuartzComponentProps) { } return ( -
+
{content}

{pluralize(pages.length, "item")} with this tag.