GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-20 11:24:05 -06:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

disable hover preview in the folder pages

Browse Source
This commit is contained in:
vintro 2024-12-14 00:03:40 -08:00
parent e8d4376728
commit 479cd717a4
No known key found for this signature in database
2 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/components/pages/FolderContent.tsx
View File

@ -43,7 +43,7 @@ export default ((opts?: Partial<FolderContentOptions>) => {
const sortedTags = Array.from(allTags).sort()
const cssClasses: string[] = fileData.frontmatter?.cssclasses ?? []
const classes = ["popover-hint", ...cssClasses].join(" ")
const classes = ["popover-hint", "disable-card-preview", ...cssClasses].join(" ")
const listProps = {
...props,
allFiles: allPagesInFolder,

27
quartz/styles/base.scss
View File

@ -639,6 +639,33 @@ input {
}
}
}
.internal {
&[href*=".html"],
&:not([href*="."]) {
&::before, &::after {
display: none !important;
}
}
// Keep the hover effect
&:hover {
color: var(--secondary);
}
}
}
}
// Disable preview popups for folder listing cards
.disable-card-preview {
.popover {
display: none !important;
}
.internal {
&::before, &::after {
display: none !important;
}
}
}