From 1cd8e7f0d510b97dfc2c3314c36d957383162a8f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sun, 09 Mar 2025 22:06:36 +0000
Subject: [PATCH] feat: support non-singleton table of contents
---
quartz/components/TableOfContents.tsx | 7 +++----
1 files changed, 3 insertions(+), 4 deletions(-)
diff --git a/quartz/components/TableOfContents.tsx b/quartz/components/TableOfContents.tsx
index 485f434..da6eece 100644
--- a/quartz/components/TableOfContents.tsx
+++ b/quartz/components/TableOfContents.tsx
@@ -29,8 +29,7 @@
<div class={classNames(displayClass, "toc")}>
<button
type="button"
- id="toc"
- class={fileData.collapseToc ? "collapsed" : ""}
+ class={fileData.collapseToc ? "collapsed toc-header" : "toc-header"}
aria-controls="toc-content"
aria-expanded={!fileData.collapseToc}
>
@@ -50,7 +49,7 @@
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
- <div id="toc-content" class={fileData.collapseToc ? "collapsed" : ""}>
+ <div class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}>
<OverflowList id="toc-ul">
{fileData.toc.map((tocEntry) => (
<li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
@@ -72,7 +71,7 @@
return null
}
return (
- <details id="toc" open={!fileData.collapseToc}>
+ <details class="toc" open={!fileData.collapseToc}>
<summary>
<h3>{i18n(cfg.locale).components.tableOfContents.title}</h3>
</summary>
--
Gitblit v1.10.0