styling fixes for stacking order and overflow

This commit is contained in:
Jacky Zhao 2023-07-23 21:41:09 -07:00
parent cddb4a2550
commit bc58342a4a
6 changed files with 16 additions and 12 deletions

View File

@ -4,7 +4,11 @@ draft: true
## high priority ## high priority
- https://help.obsidian.md/Editing+and+formatting/Tags#Nested+tags nested tags?? - back button doesn't work sometimes
- images in same folder are broken on shortest path mode
- install dependencies on quartz update
- https://help.obsidian.md/Editing+and+formatting/Tags#Nested+tags nested tags?? and big tag listing
- watch mode for config/source code - watch mode for config/source code
- https://help.obsidian.md/Editing+and+formatting/Basic+formatting+syntax#Task+lists task list styling - https://help.obsidian.md/Editing+and+formatting/Basic+formatting+syntax#Task+lists task list styling
- publish metadata https://help.obsidian.md/Editing+and+formatting/Metadata#Metadata+for+Obsidian+Publish - publish metadata https://help.obsidian.md/Editing+and+formatting/Metadata#Metadata+for+Obsidian+Publish

View File

@ -48,7 +48,7 @@ export function PageList({ fileData, allFiles }: QuartzComponentProps) {
{tags.map((tag) => ( {tags.map((tag) => (
<li> <li>
<a <a
class="internal" class="internal tag-link"
href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)} href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}
> >
#{tag} #{tag}
@ -68,4 +68,8 @@ PageList.css = `
.section h3 { .section h3 {
margin: 0; margin: 0;
} }
.section > .tags {
margin: 0;
}
` `

View File

@ -33,6 +33,7 @@ TagList.css = `
display: flex; display: flex;
padding-left: 0; padding-left: 0;
gap: 0.4rem; gap: 0.4rem;
margin: 1rem 0;
} }
.tags > li { .tags > li {

View File

@ -11,8 +11,8 @@ function FolderContent(props: QuartzComponentProps) {
const { tree, fileData, allFiles } = props const { tree, fileData, allFiles } = props
const folderSlug = canonicalizeServer(fileData.slug!) const folderSlug = canonicalizeServer(fileData.slug!)
const allPagesInFolder = allFiles.filter((file) => { const allPagesInFolder = allFiles.filter((file) => {
const fileSlug = file.slug ?? "" const fileSlug = canonicalizeServer(file.slug!)
const prefixed = fileSlug.startsWith(folderSlug) const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
const folderParts = folderSlug.split(path.posix.sep) const folderParts = folderSlug.split(path.posix.sep)
const fileParts = fileSlug.split(path.posix.sep) const fileParts = fileSlug.split(path.posix.sep)
const isDirectChild = fileParts.length === folderParts.length + 1 const isDirectChild = fileParts.length === folderParts.length + 1

View File

@ -5,4 +5,4 @@ export { ContentIndex } from "./contentIndex"
export { AliasRedirects } from "./aliases" export { AliasRedirects } from "./aliases"
export { Assets } from "./assets" export { Assets } from "./assets"
export { Static } from "./static" export { Static } from "./static"
export { ComponentResources } from "./componentResources" export { ComponentResources } from "./componentResources"

View File

@ -36,6 +36,8 @@ ul,
.math { .math {
color: var(--darkgray); color: var(--darkgray);
fill: var(--darkgray); fill: var(--darkgray);
overflow-wrap: anywhere;
hyphens: auto;
} }
.math { .math {
@ -82,10 +84,6 @@ a {
margin: 0 5vw; margin: 0 5vw;
} }
& p {
overflow-wrap: anywhere;
}
& article { & article {
& > h1 { & > h1 {
font-size: 2rem; font-size: 2rem;
@ -237,14 +235,12 @@ h1 {
h2 { h2 {
font-size: 1.4rem; font-size: 1.4rem;
opacity: 0.95;
margin-top: 2.4rem; margin-top: 2.4rem;
} }
h3 { h3 {
font-size: 1.12rem; font-size: 1.12rem;
margin-top: 2.12rem; margin-top: 2.12rem;
opacity: 0.9;
} }
h4, h4,
@ -252,7 +248,6 @@ h5,
h6 { h6 {
font-size: 1rem; font-size: 1rem;
margin-top: 2rem; margin-top: 2rem;
opacity: 0.85;
} }
div[data-rehype-pretty-code-fragment] { div[data-rehype-pretty-code-fragment] {