yuriy/quartz-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: text wrap in popover

Browse Source
This commit is contained in:
Jacky Zhao
2023-08-23 13:10:23 -07:00
parent 960c1814d0
commit bfb416b35a
4 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
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",

4
quartz/components/pages/FolderContent.tsx
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} />

4
quartz/components/pages/TagContent.tsx
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) => {

1
quartz/components/styles/popover.scss
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 {