From 86704bb41d4ff54bada0340842379f58608370d9 Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Wed, 14 Aug 2024 17:03:06 +0200
Subject: [PATCH] Made Explorer height match remaining visible height

---
 quartz/components/styles/explorer.scss | 10 ++++++++++
 quartz/styles/base.scss                |  2 ++
 2 files changed, 12 insertions(+)

diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 2f94b158c..4d691e7d0 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -1,5 +1,12 @@
 @use "../../styles/variables.scss" as *;
 
+.explorer {
+  &.desktop-only,
+  &.tablet-only {
+    overflow-y: auto;
+  }
+}
+
 button#explorer {
   background-color: transparent;
   border: none;
@@ -76,6 +83,9 @@ button#explorer {
       pointer-events: all;
     }
   }
+  > #explorer-ul {
+    max-height: none;
+  }
 }
 
 svg {
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index e904fe3b5..e17cf4429 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -188,10 +188,12 @@ a {
 
     & .sidebar.left {
       left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
+      max-height: calc(100vh - $topSpacing);
       @media all and ($desktop) {
         left: 0;
       }
       @media all and ($mobile) {
+        max-height: unset;
         gap: 0;
         align-items: center;
         position: initial;