quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

wip: separate mobile and low width desktop modes

Browse source
This commit is contained in:
outfoxxed 2024-10-13 03:19:40 -07:00
parent 9703f832b6
commit d42b26f0b6
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
7 changed files with 32 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/styles/docs/toc/toc.css
View file

@ -85,9 +85,9 @@
}
}
@media (max-width: 55rem) {
@media (min-width: 40rem) {
.toc-toggle {
--width: 25svw;
--width: 19rem;
}
.toc-wrapper {
@ -101,12 +101,12 @@
}
.toc-wrapper {
--width: 25svw;
--width: 19rem;
background-color: transparent;
display: block;
position: sticky;
top: 4rem;
min-width: max-content;
width: max-content;
max-height: calc(100svh - 8rem);
overflow-y: scroll;
z-index: 10;
@ -144,6 +144,6 @@
@media (min-width: 85rem) {
.toc-wrapper {
width: max-content;
width: 19rem;
}
}