From bfb416b35a02dabbdaedc9e3c8980f8b4aadd9aa Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Wed, 23 Aug 2023 20:10:23 +0000
Subject: [PATCH] fix: text wrap in popover
---
package.json | 1 +
quartz/components/pages/TagContent.tsx | 4 +++-
quartz/components/styles/popover.scss | 1 +
quartz/components/pages/FolderContent.tsx | 4 +++-
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 @@
return (
<div class="popover-hint">
- <article>{content}</article>
+ <article>
+ <p>{content}</p>
+ </article>
<p>{allPagesInFolder.length} items under this folder.</p>
<div>
<PageList {...listProps} />
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 @@
return (
<div class="popover-hint">
- <article>{content}</article>
+ <article>
+ <p>{content}</p>
+ </article>
<p>Found {tags.length} total tags.</p>
<div>
{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 {
--
Gitblit v1.10.0