From ca08ec1ae7c0003a186fb5a38b56208d4baf30bd Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Wed, 12 Mar 2025 13:15:16 +0000
Subject: [PATCH] fix(explorer): mobile explorer toggle (#1823)
---
quartz/components/styles/explorer.scss | 10 +++++-----
quartz/components/scripts/explorer.inline.ts | 2 +-
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/quartz/components/scripts/explorer.inline.ts b/quartz/components/scripts/explorer.inline.ts
index 9e41af9..7160492 100644
--- a/quartz/components/scripts/explorer.inline.ts
+++ b/quartz/components/scripts/explorer.inline.ts
@@ -266,7 +266,7 @@
}
}
- const hiddenUntilDoneLoading = document.querySelector("#mobile-explorer")
+ const hiddenUntilDoneLoading = document.querySelector(".mobile-explorer")
hiddenUntilDoneLoading?.classList.remove("hide-until-loaded")
})
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index c284cb2..69f7909 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -212,8 +212,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(-100vw);
- visibility: hidden;
+ transform: translateX(0);
+ visibility: visible;
}
}
@@ -221,8 +221,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(0);
- visibility: visible;
+ transform: translateX(-100vw);
+ visibility: hidden;
}
}
@@ -236,7 +236,7 @@
background-color: var(--light);
max-width: 100vw;
width: 100%;
- transform: translateX(-100vw);
+ transform: translateX(0);
transition:
transform 200ms ease,
visibility 200ms ease;
--
Gitblit v1.10.0