From c2bea8a4c4aeba440b8a7b043d7ece6343a9d263 Mon Sep 17 00:00:00 2001
From: derfalx <kschneider@falx.tech>
Date: Thu, 08 Jan 2026 01:30:42 +0000
Subject: [PATCH] fix(citation): Language parameter for non en-US settings (#2075)
---
quartz/components/styles/explorer.scss | 42 ++++++++++++++++++------------------------
1 files changed, 18 insertions(+), 24 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 69f7909..bc33353 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -52,6 +52,8 @@
overflow: hidden;
flex-shrink: 0;
align-self: flex-start;
+ margin-top: auto;
+ margin-bottom: auto;
}
button.mobile-explorer {
@@ -116,6 +118,7 @@
list-style: none;
margin: 0;
padding: 0;
+ overscroll-behavior: contain;
& li > a {
color: var(--dark);
@@ -130,12 +133,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;
}
@@ -196,6 +203,7 @@
cursor: pointer;
transition: transform 0.3s ease;
backface-visibility: visible;
+ flex-shrink: 0;
}
li:has(> .folder-outer:not(.open)) > .folder-container > svg {
@@ -212,8 +220,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(0);
- visibility: visible;
+ transform: translateX(-100vw);
+ visibility: hidden;
}
}
@@ -221,8 +229,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(-100vw);
- visibility: hidden;
+ transform: translateX(0);
+ visibility: visible;
}
}
@@ -235,8 +243,8 @@
margin-top: 0;
background-color: var(--light);
max-width: 100vw;
- width: 100%;
- transform: translateX(0);
+ width: 100vw;
+ transform: translateX(-100vw);
transition:
transform 200ms ease,
visibility 200ms ease;
@@ -259,22 +267,8 @@
}
}
-.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) {
+ overscroll-behavior: none;
}
}
--
Gitblit v1.10.0