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

fix(explorer): dont invert mobile css, properly toggle .collapsed

Browse Source
This commit is contained in:
Jacky Zhao
2025-03-12 10:15:54 -07:00
parent ca08ec1ae7
commit e3c50caf13
2 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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