yuriy/quartz-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(explorer): mobile explorer toggle (#1823)

Browse Source
This commit is contained in:
Emile Bangma
2025-03-12 14:15:16 +01:00
committed by GitHub
parent 2718ab9019
commit ca08ec1ae7
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
quartz/components/scripts/explorer.inline.ts
View File

@@ -266,7 +266,7 @@ document.addEventListener("nav", async (e: CustomEventMap["nav"]) => {
} }
} }
const hiddenUntilDoneLoading = document.querySelector("#mobile-explorer") const hiddenUntilDoneLoading = document.querySelector(".mobile-explorer")
hiddenUntilDoneLoading?.classList.remove("hide-until-loaded") hiddenUntilDoneLoading?.classList.remove("hide-until-loaded")
}) })

10
quartz/components/styles/explorer.scss
View File

@@ -212,8 +212,8 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
flex: 0 0 34px; flex: 0 0 34px;
& > .explorer-content { & > .explorer-content {
transform: translateX(-100vw); transform: translateX(0);
visibility: hidden; visibility: visible;
} }
} }
@@ -221,8 +221,8 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
flex: 0 0 34px; flex: 0 0 34px;
& > .explorer-content { & > .explorer-content {
transform: translateX(0); transform: translateX(-100vw);
visibility: visible; visibility: hidden;
} }
} }
@@ -236,7 +236,7 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
background-color: var(--light); background-color: var(--light);
max-width: 100vw; max-width: 100vw;
width: 100%; width: 100%;
transform: translateX(-100vw); transform: translateX(0);
transition: transition:
transform 200ms ease, transform 200ms ease,
visibility 200ms ease; visibility 200ms ease;