fix: text wrap in popover

Jacky Zhao

2023-08-23 bfb416b35a02dabbdaedc9e3c8980f8b4aadd9aa

fix: text wrap in popover

 package.json

@@ -12,6 +12,7 @@
    "url": "https://github.com/jackyzha0/quartz.git"
  },
  "scripts": {
    "docs": "npx quartz build --serve -d docs",
    "check": "tsc --noEmit && npx prettier . --check",
    "format": "npx prettier . --write",
    "test": "tsx ./quartz/util/path.test.ts",

 quartz/components/pages/FolderContent.tsx

@@ -33,7 +33,9 @@

  return (
    <div class="popover-hint">
      <article>{content}</article>
      <article>
        <p>{content}</p>
      </article>
      <p>{allPagesInFolder.length} items under this folder.</p>
      <div>
        <PageList {...listProps} />

 quartz/components/pages/TagContent.tsx

@@ -37,7 +37,9 @@

    return (
      <div class="popover-hint">
        <article>{content}</article>
        <article>
          <p>{content}</p>
        </article>
        <p>Found {tags.length} total tags.</p>
        <div>
          {tags.map((tag) => {

 quartz/components/styles/popover.scss

@@ -34,6 +34,7 @@
    border-radius: 5px;
    box-shadow: 6px 6px 36px 0 rgba(0, 0, 0, 0.25);
    overflow: auto;
    white-space: normal;
  }

  h1 {