From 093f6d77907072f0301c96bb98e45d93e2a311d8 Mon Sep 17 00:00:00 2001
From: Stephen Tse <Stephen-X@users.noreply.github.com>
Date: Sun, 30 Mar 2025 17:16:02 -0700
Subject: [PATCH] Fixed bottom gradient (gradient-active of OverflowList) not
 working for TOC

---
 quartz/components/styles/toc.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/quartz/components/styles/toc.scss b/quartz/components/styles/toc.scss
index bc0c74965..aafb534fa 100644
--- a/quartz/components/styles/toc.scss
+++ b/quartz/components/styles/toc.scss
@@ -7,6 +7,13 @@
   overflow-y: hidden;
   min-height: 4rem;
   flex: 0 1 auto;
+
+  &.desktop-only {
+    @media all and not ($mobile) {
+      display: flex;
+    }
+  }
+
   &:has(button.toc-header.collapsed) {
     flex: 0 1 1.2rem;
   }
@@ -46,12 +53,14 @@ button.toc-header {
 }
 
 .toc-content {
+  margin-top: 0.5rem;
   list-style: none;
-  position: relative;
+  overflow: hidden;
+  overflow-y: auto;
 
   & ul {
     list-style: none;
-    margin: 0.5rem 0;
+    margin: 0;
     padding: 0;
     & > li > a {
       color: var(--dark);