From b4fb0e66821b8a597fb14e31dc3f59c12fef00f3 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Tue, 20 Jan 2026 17:37:40 +0000
Subject: [PATCH] fix(explorer): mobile scroll containment (#2283)
---
quartz/components/styles/explorer.scss | 12 ++++++++++--
1 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index bc33353..d0a6496 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);
}
@@ -118,7 +121,10 @@
list-style: none;
margin: 0;
padding: 0;
- overscroll-behavior: contain;
+
+ &.explorer-ul {
+ overscroll-behavior: contain;
+ }
& li > a {
color: var(--dark);
@@ -269,6 +275,8 @@
.mobile-no-scroll {
@media all and ($mobile) {
- overscroll-behavior: none;
+ .explorer-content > .explorer-ul {
+ overscroll-behavior: contain;
+ }
}
}
--
Gitblit v1.10.0