From 7d7e3349763b0c1ade94b8a6d13986e171861bc1 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Mon, 23 Sep 2024 20:40:12 +0000
Subject: [PATCH] feat: responsive design grid (#1354)
---
quartz/components/styles/explorer.scss | 25 +++++++++++++++++++++----
1 files changed, 21 insertions(+), 4 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 2f94b15..710d7a5 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -1,5 +1,23 @@
@use "../../styles/variables.scss" as *;
+.explorer {
+ &.desktop-only {
+ overflow-y: auto;
+ }
+ &:after {
+ pointer-events: none;
+ content: "";
+ width: 100%;
+ height: 50px;
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ opacity: 1;
+ transition: opacity 0.3s ease;
+ background: linear-gradient(transparent 0px, var(--light));
+ }
+}
+
button#explorer {
background-color: transparent;
border: none;
@@ -58,10 +76,6 @@
visibility: hidden;
}
- &.collapsed > .overflow::after {
- opacity: 0;
- }
-
& ul {
list-style: none;
margin: 0.08rem 0;
@@ -76,6 +90,9 @@
pointer-events: all;
}
}
+ > #explorer-ul {
+ max-height: none;
+ }
}
svg {
--
Gitblit v1.10.0