From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/components/styles/explorer.scss | 38 ++++++++++++++++++--------------------
1 files changed, 18 insertions(+), 20 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 55c4372..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);
@@ -133,12 +139,16 @@
}
.folder-outer {
+ visibility: collapse;
display: grid;
grid-template-rows: 0fr;
- transition: grid-template-rows 0.3s ease-in-out;
+ transition-property: grid-template-rows, visibility;
+ transition-duration: 0.3s;
+ transition-timing-function: ease-in-out;
}
.folder-outer.open {
+ visibility: visible;
grid-template-rows: 1fr;
}
@@ -239,7 +249,7 @@
margin-top: 0;
background-color: var(--light);
max-width: 100vw;
- width: 100%;
+ width: 100vw;
transform: translateX(-100vw);
transition:
transform 200ms ease,
@@ -263,22 +273,10 @@
}
}
-.no-scroll {
- opacity: 0;
- overflow: hidden;
-}
-
-html:has(.no-scroll) {
- overflow: hidden;
-}
-
-@media all and not ($mobile) {
- .no-scroll {
- opacity: 1 !important;
- overflow: auto !important;
- }
-
- html:has(.no-scroll) {
- overflow: auto !important;
+.mobile-no-scroll {
+ @media all and ($mobile) {
+ .explorer-content > .explorer-ul {
+ overscroll-behavior: contain;
+ }
}
}
--
Gitblit v1.10.0