From 6dd772bf00459fe5165140e4e756e2b3096686e8 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 22 Apr 2025 06:55:38 +0000
Subject: [PATCH] fix(popover): properly clear popover on racing fetch
---
quartz/components/styles/explorer.scss | 30 ++++++++++++++++++------------
1 files changed, 18 insertions(+), 12 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index b769726..55c4372 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -20,7 +20,7 @@
margin: 0;
}
- .hide-until-loaded ~ #explorer-content {
+ .hide-until-loaded ~ .explorer-content {
display: none;
}
}
@@ -30,6 +30,8 @@
display: flex;
flex-direction: column;
overflow-y: hidden;
+
+ min-height: 1.2rem;
flex: 0 1 auto;
&.collapsed {
flex: 0 1 1.2rem;
@@ -50,22 +52,24 @@
overflow: hidden;
flex-shrink: 0;
align-self: flex-start;
+ margin-top: auto;
+ margin-bottom: auto;
}
- button#mobile-explorer {
+ button.mobile-explorer {
display: none;
}
- button#desktop-explorer {
+ button.desktop-explorer {
display: flex;
}
@media all and ($mobile) {
- button#mobile-explorer {
+ button.mobile-explorer {
display: flex;
}
- button#desktop-explorer {
+ button.desktop-explorer {
display: none;
}
}
@@ -86,8 +90,8 @@
}
}
-button#mobile-explorer,
-button#desktop-explorer {
+button.mobile-explorer,
+button.desktop-explorer {
background-color: transparent;
border: none;
text-align: left;
@@ -104,7 +108,7 @@
}
}
-#explorer-content {
+.explorer-content {
list-style: none;
overflow: hidden;
overflow-y: auto;
@@ -114,6 +118,7 @@
list-style: none;
margin: 0;
padding: 0;
+ overscroll-behavior: contain;
& li > a {
color: var(--dark);
@@ -194,6 +199,7 @@
cursor: pointer;
transition: transform 0.3s ease;
backface-visibility: visible;
+ flex-shrink: 0;
}
li:has(> .folder-outer:not(.open)) > .folder-container > svg {
@@ -209,7 +215,7 @@
&.collapsed {
flex: 0 0 34px;
- & > #explorer-content {
+ & > .explorer-content {
transform: translateX(-100vw);
visibility: hidden;
}
@@ -218,13 +224,13 @@
&:not(.collapsed) {
flex: 0 0 34px;
- & > #explorer-content {
+ & > .explorer-content {
transform: translateX(0);
visibility: visible;
}
}
- #explorer-content {
+ .explorer-content {
box-sizing: border-box;
z-index: 100;
position: absolute;
@@ -245,7 +251,7 @@
visibility: hidden;
}
- #mobile-explorer {
+ .mobile-explorer {
margin: 0;
padding: 5px;
z-index: 101;
--
Gitblit v1.10.0