From 313cef60ee8d2454263d8ae7671c846f4d418f0e Mon Sep 17 00:00:00 2001
From: Julia van der Kris <juliavdkris@proton.me>
Date: Mon, 07 Oct 2024 02:15:19 +0000
Subject: [PATCH] infra: build quartz docker image to GHCR (#1192)

---
 quartz/components/styles/toc.scss |   29 +++++++++++++++++++++++++++--
 1 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/quartz/components/styles/toc.scss b/quartz/components/styles/toc.scss
index 27ff62a..3b2b6b3 100644
--- a/quartz/components/styles/toc.scss
+++ b/quartz/components/styles/toc.scss
@@ -1,3 +1,12 @@
+.toc {
+  display: flex;
+  flex-direction: column;
+  &.desktop-only {
+    display: flex;
+    max-height: 40%;
+  }
+}
+
 button#toc {
   background-color: transparent;
   border: none;
@@ -28,9 +37,21 @@
 #toc-content {
   list-style: none;
   overflow: hidden;
-  max-height: none;
-  transition: max-height 0.5s ease;
+  overflow-y: auto;
+  max-height: 100%;
+  transition:
+    max-height 0.35s ease,
+    visibility 0s linear 0s;
   position: relative;
+  visibility: visible;
+
+  &.collapsed {
+    max-height: 0;
+    transition:
+      max-height 0.35s ease,
+      visibility 0s linear 0.35s;
+    visibility: hidden;
+  }
 
   &.collapsed > .overflow::after {
     opacity: 0;
@@ -51,6 +72,10 @@
       }
     }
   }
+  > ul.overflow {
+    max-height: none;
+    width: 100%;
+  }
 
   @for $i from 0 through 6 {
     & .depth-#{$i} {

--
Gitblit v1.10.0