From ee8c1dc96803fcd189d439080713b8a98616a40f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 05 Apr 2025 18:38:50 +0000
Subject: [PATCH] chore(css): style tweaks for overflow
---
quartz/components/styles/toc.scss | 19 ++++++-------------
1 files changed, 6 insertions(+), 13 deletions(-)
diff --git a/quartz/components/styles/toc.scss b/quartz/components/styles/toc.scss
index bf1bc22..6a7723b 100644
--- a/quartz/components/styles/toc.scss
+++ b/quartz/components/styles/toc.scss
@@ -3,18 +3,11 @@
.toc {
display: flex;
flex-direction: column;
-
overflow-y: hidden;
- min-height: 1.2rem;
- flex: 0 1 auto;
+ min-height: 1.4rem;
+ flex: 0 0.5 auto;
&:has(button.toc-header.collapsed) {
- flex: 0 1 1.2rem;
- }
-}
-
-@media all and not ($mobile) {
- .toc-header {
- display: flex;
+ flex: 0 1 1.4rem;
}
}
@@ -45,15 +38,15 @@
}
}
-ul.toc-content {
+ul.toc-content.overflow {
list-style: none;
position: relative;
margin: 0.5rem 0;
padding: 0;
- height: 5rem;
+ max-height: calc(100% - 2rem);
overscroll-behavior: contain;
-
list-style: none;
+
& > li > a {
color: var(--dark);
opacity: 0.35;
--
Gitblit v1.10.0