diff --git a/quartz/components/TableOfContents.tsx b/quartz/components/TableOfContents.tsx index d376200..f3dc905 100644 --- a/quartz/components/TableOfContents.tsx +++ b/quartz/components/TableOfContents.tsx @@ -53,17 +53,15 @@ export default ((opts?: Partial) => { -
- - {fileData.toc.map((tocEntry) => ( -
  • - - {tocEntry.text} - -
  • - ))} -
    -
    + + {fileData.toc.map((tocEntry) => ( +
  • + + {tocEntry.text} + +
  • + ))} +
    ) } diff --git a/quartz/components/styles/toc.scss b/quartz/components/styles/toc.scss index bc0c749..efa0aa7 100644 --- a/quartz/components/styles/toc.scss +++ b/quartz/components/styles/toc.scss @@ -45,23 +45,21 @@ button.toc-header { } } -.toc-content { +ul.toc-content { list-style: none; position: relative; + margin: 0.5rem 0; + padding: 0; - & ul { - list-style: none; - margin: 0.5rem 0; - padding: 0; - & > li > a { - color: var(--dark); - opacity: 0.35; - transition: - 0.5s ease opacity, - 0.3s ease color; - &.in-view { - opacity: 0.75; - } + list-style: none; + & > li > a { + color: var(--dark); + opacity: 0.35; + transition: + 0.5s ease opacity, + 0.3s ease color; + &.in-view { + opacity: 0.75; } } diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index 5243a4a..022e9b5 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -556,6 +556,7 @@ video { div:has(> .overflow) { display: flex; max-height: 100%; + overflow-y: hidden; } ul.overflow,