From 685c06ce2e7c559b4e2cc544e300c1262c739b1c Mon Sep 17 00:00:00 2001
From: K Gopal Krishna <30401343+kayg04@users.noreply.github.com>
Date: Fri, 04 Apr 2025 17:36:29 +0000
Subject: [PATCH] fix(RecentNotes): Prevent folder pages from always appearing first (closes #1901) (#1904)

---
 quartz/components/styles/explorer.scss |   13 ++++++++-----
 1 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 69f7909..a87411b 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 {
@@ -196,6 +198,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 +215,8 @@
       flex: 0 0 34px;
 
       & > .explorer-content {
-        transform: translateX(0);
-        visibility: visible;
+        transform: translateX(-100vw);
+        visibility: hidden;
       }
     }
 
@@ -221,8 +224,8 @@
       flex: 0 0 34px;
 
       & > .explorer-content {
-        transform: translateX(-100vw);
-        visibility: hidden;
+        transform: translateX(0);
+        visibility: visible;
       }
     }
 
@@ -236,7 +239,7 @@
       background-color: var(--light);
       max-width: 100vw;
       width: 100%;
-      transform: translateX(0);
+      transform: translateX(-100vw);
       transition:
         transform 200ms ease,
         visibility 200ms ease;

--
Gitblit v1.10.0