From fe2e16d937e2b57fb2bb1d10dea47db7256a4a49 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Mar 2025 01:08:07 +0000
Subject: [PATCH] fix: disallow user-select in popover
---
quartz/components/styles/explorer.scss | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index b769726..22c86db 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;
@@ -209,7 +213,7 @@
&.collapsed {
flex: 0 0 34px;
- & > #explorer-content {
+ & > .explorer-content {
transform: translateX(-100vw);
visibility: hidden;
}
@@ -218,13 +222,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 +249,7 @@
visibility: hidden;
}
- #mobile-explorer {
+ .mobile-explorer {
margin: 0;
padding: 5px;
z-index: 101;
--
Gitblit v1.10.0