shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add responsive game filters and hybrid toolbox drawer
All checks were successful
Deploy Sokko G / deploy (push) Successful in 20s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-27 18:00:49 +02:00
parent 1ee460b94f
commit 00e73f0062
32 changed files with 1202 additions and 241 deletions
Download patch file Download diff file Expand all files Collapse all files

16
website/src/styles/overlays/_drawers.scss
View file

@ -3,21 +3,13 @@
display: none;
}
.drawer-backdrop {
position: fixed;
inset: var(--drawer-top-offset, 68px) 0 0 0;
z-index: 40;
background: rgba(2, 3, 9, 0.24);
backdrop-filter: none;
}
.drawer-panel {
position: fixed;
inset: var(--drawer-top-offset, 68px) 0 0 auto;
z-index: 50;
width: min(720px, 94vw);
min-width: 360px;
max-width: 94vw;
width: var(--drawer-panel-width, 700px);
min-width: 700px;
max-width: max(700px, 94vw);
padding: var(--space-5);
}
@ -36,7 +28,7 @@
.drawer-resize-handle {
position: fixed;
top: calc(var(--drawer-top-offset, 68px) + ((100vh - var(--drawer-top-offset, 68px)) / 2));
right: calc(var(--drawer-panel-width, min(720px, 94vw)) - 18px);
right: calc(var(--drawer-panel-width, 700px) - 18px);
z-index: 62;
width: 14px;
height: 72px;