From f70e562432ca251d4c4373dfa0b02dcde11297bc Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 31 Mar 2025 00:30:01 +0000
Subject: [PATCH] fix: overflow list bottom gradient on toc (closes #1888)
---
quartz/components/TableOfContents.tsx | 20 +++++++++-----------
1 files changed, 9 insertions(+), 11 deletions(-)
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 @@
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
- <div class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}>
- <OverflowList>
- {fileData.toc.map((tocEntry) => (
- <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
- <a href={`#${tocEntry.slug}`} data-for={tocEntry.slug}>
- {tocEntry.text}
- </a>
- </li>
- ))}
- </OverflowList>
- </div>
+ <OverflowList class={fileData.collapseToc ? "collapsed toc-content" : "toc-content"}>
+ {fileData.toc.map((tocEntry) => (
+ <li key={tocEntry.slug} class={`depth-${tocEntry.depth}`}>
+ <a href={`#${tocEntry.slug}`} data-for={tocEntry.slug}>
+ {tocEntry.text}
+ </a>
+ </li>
+ ))}
+ </OverflowList>
</div>
)
}
--
Gitblit v1.10.0