From bfb416b35a02dabbdaedc9e3c8980f8b4aadd9aa Mon Sep 17 00:00:00 2001 From: Jacky Zhao Date: Wed, 23 Aug 2023 13:10:23 -0700 Subject: [PATCH] fix: text wrap in popover --- package.json | 1 + quartz/components/pages/FolderContent.tsx | 4 +++- quartz/components/pages/TagContent.tsx | 4 +++- quartz/components/styles/popover.scss | 1 + 4 files changed, 8 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 3191e85..b65ed85 100644 --- a/package.json +++ b/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", diff --git a/quartz/components/pages/FolderContent.tsx b/quartz/components/pages/FolderContent.tsx index 6c5fd7d..dc076c4 100644 --- a/quartz/components/pages/FolderContent.tsx +++ b/quartz/components/pages/FolderContent.tsx @@ -33,7 +33,9 @@ function FolderContent(props: QuartzComponentProps) { return (
-
{content}
+
+

{content}

+

{allPagesInFolder.length} items under this folder.

diff --git a/quartz/components/pages/TagContent.tsx b/quartz/components/pages/TagContent.tsx index 73ee465..fb72e28 100644 --- a/quartz/components/pages/TagContent.tsx +++ b/quartz/components/pages/TagContent.tsx @@ -37,7 +37,9 @@ function TagContent(props: QuartzComponentProps) { return (
-
{content}
+
+

{content}

+

Found {tags.length} total tags.

{tags.map((tag) => { diff --git a/quartz/components/styles/popover.scss b/quartz/components/styles/popover.scss index 21e6b72..fae0e12 100644 --- a/quartz/components/styles/popover.scss +++ b/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 {