From 0a21d17dda4ebc31d8a4327cd1ad5fffeb2abf4b Mon Sep 17 00:00:00 2001
From: saberzero1 <github@emilebangma.com>
Date: Tue, 20 Jan 2026 08:57:09 +0100
Subject: [PATCH] only apply scroll containment to explorer on mobile

---
 quartz/components/styles/explorer.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 3da18c296..d0a649633 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -6,6 +6,7 @@
     & > :not(.sidebar.left:has(.explorer)) {
       transition: transform 300ms ease-in-out;
     }
+
     &.lock-scroll > :not(.sidebar.left:has(.explorer)) {
       transform: translateX(100dvw);
       transition: transform 300ms ease-in-out;
@@ -33,8 +34,10 @@
 
   min-height: 1.2rem;
   flex: 0 1 auto;
+
   &.collapsed {
     flex: 0 1 1.2rem;
+
     & .fold {
       transform: rotateZ(-90deg);
     }
@@ -119,6 +122,10 @@ button.desktop-explorer {
     margin: 0;
     padding: 0;
 
+    &.explorer-ul {
+      overscroll-behavior: contain;
+    }
+
     & li > a {
       color: var(--dark);
       opacity: 0.75;
@@ -268,6 +275,8 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
 
 .mobile-no-scroll {
   @media all and ($mobile) {
-    overscroll-behavior: contain;
+    .explorer-content > .explorer-ul {
+      overscroll-behavior: contain;
+    }
   }
 }