fix(cssclasses): apply frontmatter classes uniformly between page types (#1...

Emile Bangma

2024-12-10 8141cb1587295b05277a5d380e8006deca6e88c6

fix(cssclasses): apply frontmatter classes uniformly between page types (#1645)

 quartz/components/pages/FolderContent.tsx

@@ -71,7 +71,7 @@
    })

    const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
    const classes = ["popover-hint", ...cssClasses].join(" ")
    const classes = cssClasses.join(" ")
    const listProps = {
      ...props,
      sort: options.sort,
@@ -84,8 +84,8 @@
        : htmlToJsx(fileData.filePath!, tree)

    return (
      <div class={classes}>
        <article>{content}</article>
      <div class="popover-hint">
        <article class={classes}>{content}</article>
        <div class="page-listing">
          {options.showFolderCount && (
            <p>

 quartz/components/pages/TagContent.tsx

@@ -38,7 +38,7 @@
        ? fileData.description
        : htmlToJsx(fileData.filePath!, tree)
    const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
    const classes = ["popover-hint", ...cssClasses].join(" ")
    const classes = cssClasses.join(" ")
    if (tag === "/") {
      const tags = [
        ...new Set(
@@ -50,8 +50,8 @@
        tagItemMap.set(tag, allPagesWithTag(tag))
      }
      return (
        <div class={classes}>
          <article>
        <div class="popover-hint">
          <article class={classes}>
            <p>{content}</p>
          </article>
          <p>{i18n(cfg.locale).pages.tagContent.totalTags({ count: tags.length })}</p>