fix: text wrap in popover

This commit is contained in:
Jacky Zhao 2023-08-23 13:10:23 -07:00
parent 41642e23df
commit c707c0dc73
4 changed files with 8 additions and 2 deletions

View File

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

View File

@ -33,7 +33,9 @@ function FolderContent(props: QuartzComponentProps) {
return ( return (
<div class="popover-hint"> <div class="popover-hint">
<article>{content}</article> <article>
<p>{content}</p>
</article>
<p>{allPagesInFolder.length} items under this folder.</p> <p>{allPagesInFolder.length} items under this folder.</p>
<div> <div>
<PageList {...listProps} /> <PageList {...listProps} />

View File

@ -37,7 +37,9 @@ function TagContent(props: QuartzComponentProps) {
return ( return (
<div class="popover-hint"> <div class="popover-hint">
<article>{content}</article> <article>
<p>{content}</p>
</article>
<p>Found {tags.length} total tags.</p> <p>Found {tags.length} total tags.</p>
<div> <div>
{tags.map((tag) => { {tags.map((tag) => {

View File

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