Matt Vogel
2024-03-07 001c166825575d28a07257a969081fa74668c2b5
fix(tag): move hash to sass styling only (#930)

5 files modified
14 ■■■■■ changed files
quartz/components/PageList.tsx 2 ●●● patch | view | raw | blame | history
quartz/components/RecentNotes.tsx 2 ●●● patch | view | raw | blame | history
quartz/components/TagList.tsx 3 ●●●● patch | view | raw | blame | history
quartz/plugins/transformers/ofm.ts 2 ●●● patch | view | raw | blame | history
quartz/styles/base.scss 5 ●●●●● patch | view | raw | blame | history
quartz/components/PageList.tsx
@@ -63,7 +63,7 @@
                      class="internal tag-link"
                      href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
                    >
                      #{tag}
                      {tag}
                    </a>
                  </li>
                ))}
quartz/components/RecentNotes.tsx
@@ -63,7 +63,7 @@
                          class="internal tag-link"
                          href={resolveRelative(fileData.slug!, `tags/${tag}` as FullSlug)}
                        >
                          #{tag}
                          {tag}
                        </a>
                      </li>
                    ))}
quartz/components/TagList.tsx
@@ -9,12 +9,11 @@
    return (
      <ul class={classNames(displayClass, "tags")}>
        {tags.map((tag) => {
          const display = `#${tag}`
          const linkDest = baseDir + `/tags/${slugTag(tag)}`
          return (
            <li>
              <a href={linkDest} class="internal tag-link">
                {display}
                {tag}
              </a>
            </li>
          )
quartz/plugins/transformers/ofm.ts
@@ -328,7 +328,7 @@
                  children: [
                    {
                      type: "text",
                      value: `#${tag}`,
                      value: tag,
                    },
                  ],
                }
quartz/styles/base.scss
@@ -79,6 +79,11 @@
      border-radius: 0;
      padding: 0;
    }
    &.tag-link {
      &::before {
        content: "#";
      }
    }
  }
  &.external .external-icon {