smyalygames/quartz
Template
1
0
Fork 0
mirror of https://github.com/jackyzha0/quartz.git synced 2025-07-17 02:51:00 +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 {
@media all and ($mobile) {
#explorer-content {
box-sizing: border-box;
overscroll-behavior: none;
z-index: 100;
position: absolute;
background-color: var(--light);
max-width: calc(100% - 4rem);
left: 0;
width: 100%;
max-width: 100dvw;
left: -100dvw;
width: 100dvw;
transition: all 300ms ease-in-out;
overflow: hidden;
padding: 2rem 2rem 4rem;
height: 100%;
max-height: calc(100dvh - 8rem);
height: calc(100dvh - 4rem);
max-height: calc(100dvh - 4rem);
margin-top: 2rem;
visibility: visible;
&:not(.collapsed) {
height: calc(100dvh - 8rem);
//height: 100dvh;
left: 0;
}
ul.overflow {
max-height: calc(100dvh - 8rem);
max-height: 100%;
width: 100%;
}
&.collapsed {
height: 0;
visibility: hidden;
//height: 0;
left: -100dvw;
visibility: visible;
}
}