smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-05-18 06:24:22 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(explorer): mobile explorer toggle (#1823)
Some checks are pending
Build and Test / build-and-test (macos-latest) (push) Waiting to run
Details
Build and Test / build-and-test (windows-latest) (push) Waiting to run
Details
Build and Test / build-and-test (ubuntu-latest) (push) Has been skipped
Details
Build and Test / publish-tag (push) Has been skipped
Details

Browse Source
This commit is contained in:
Emile Bangma 2025-03-12 14:15:16 +01:00 committed by GitHub
parent 2718ab9019
commit ca08ec1ae7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Show Stats 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;