keb/jpg-quartz
1
0
Fork 0
mirror of https://github.com/ZetaKebab/quartz.git synced 2025-06-22 00:34:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: support non-singleton explorer

Browse Source
This commit is contained in:
Jacky Zhao
2025-03-10 15:13:04 -07:00
parent dd940a007c
commit a8001e9554
15 changed files with 168 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,7 +20,7 @@
margin: 0;
}
.hide-until-loaded ~ #explorer-content {
.hide-until-loaded ~ .explorer-content {
display: none;
}
}
@ -30,6 +30,8 @@
display: flex;
flex-direction: column;
overflow-y: hidden;
min-height: 1.2rem;
flex: 0 1 auto;
&.collapsed {
flex: 0 1 1.2rem;
@ -52,20 +54,20 @@
align-self: flex-start;
}
button#mobile-explorer {
button.mobile-explorer {
display: none;
}
button#desktop-explorer {
button.desktop-explorer {
display: flex;
}
@media all and ($mobile) {
button#mobile-explorer {
button.mobile-explorer {
display: flex;
}
button#desktop-explorer {
button.desktop-explorer {
display: none;
}
}
@ -86,8 +88,8 @@
}
}
button#mobile-explorer,
button#desktop-explorer {
button.mobile-explorer,
button.desktop-explorer {
background-color: transparent;
border: none;
text-align: left;
@ -104,7 +106,7 @@ button#desktop-explorer {
}
}
#explorer-content {
.explorer-content {
list-style: none;
overflow: hidden;
overflow-y: auto;
@ -209,7 +211,7 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
&.collapsed {
flex: 0 0 34px;
& > #explorer-content {
& > .explorer-content {
transform: translateX(-100vw);
visibility: hidden;
}
@ -218,13 +220,13 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
&:not(.collapsed) {
flex: 0 0 34px;
& > #explorer-content {
& > .explorer-content {
transform: translateX(0);
visibility: visible;
}
}
#explorer-content {
.explorer-content {
box-sizing: border-box;
z-index: 100;
position: absolute;
@ -245,7 +247,7 @@ li:has(> .folder-outer:not(.open)) > .folder-container > svg {
visibility: hidden;
}
#mobile-explorer {
.mobile-explorer {
margin: 0;
padding: 5px;
z-index: 101;

1
quartz/components/styles/toc.scss
View File

@ -5,6 +5,7 @@
flex-direction: column;
overflow-y: hidden;
min-height: 4rem;
flex: 0 1 auto;
&:has(button.toc-header.collapsed) {
flex: 0 1 1.2rem;