smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-10-23 05:47:39 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Changed mobile explorer from dropdown to slide-in

Browse Source
This commit is contained in:
saberzero1 2024-10-25 18:45:47 +02:00
parent 741641599b
commit 316a993fed
No known key found for this signature in database
GPG Key ID: 41AEE99107640F10
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -205,33 +205,36 @@
.explorer { .explorer {
@media all and ($mobile) { @media all and ($mobile) {
#explorer-content { #explorer-content {
box-sizing: border-box;
overscroll-behavior: none; overscroll-behavior: none;
z-index: 100; z-index: 100;
position: absolute; position: absolute;
background-color: var(--light); background-color: var(--light);
max-width: calc(100% - 4rem); max-width: 100dvw;
left: 0; left: -100dvw;
width: 100%; width: 100dvw;
transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;
overflow: hidden; overflow: hidden;
padding: 2rem 2rem 4rem; padding: 2rem 2rem 4rem;
height: 100%; height: calc(100dvh - 4rem);
max-height: calc(100dvh - 8rem); max-height: calc(100dvh - 4rem);
margin-top: 2rem; margin-top: 2rem;
visibility: visible; visibility: visible;
&:not(.collapsed) { &:not(.collapsed) {
height: calc(100dvh - 8rem); //height: 100dvh;
left: 0;
} }
ul.overflow { ul.overflow {
max-height: calc(100dvh - 8rem); max-height: 100%;
width: 100%; width: 100%;
} }
&.collapsed { &.collapsed {
height: 0; //height: 0;
visibility: hidden; left: -100dvw;
visibility: visible;
} }
} }