web/sidebar: scroll only in one direction on overflow

This commit is contained in:
wukko 2024-06-16 19:50:42 +06:00
parent f4485e2af0
commit 3a57c7165f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 7 additions and 2 deletions

View file

@ -13,6 +13,7 @@
flex-direction: row;
flex-wrap: nowrap;
scrollbar-width: none;
overflow-x: scroll;
}
.switcher :global(.button:first-child) {

View file

@ -69,7 +69,7 @@
height: 100%;
justify-content: space-between;
padding-bottom: var(--padding);
overflow: scroll;
overflow-y: scroll;
}
@media screen and (max-width: 535px) {
@ -78,13 +78,15 @@
.sidebar-inner-container {
flex-direction: row;
}
#sidebar {
width: 100%;
height: auto;
overflow: scroll;
overflow-x: scroll;
position: fixed;
bottom: 0;
}
#sidebar::before {
content: '';
z-index: 1;
@ -102,8 +104,10 @@
rgba(0, 0, 0, 0.9) 100%
);
}
#sidebar-tabs {
justify-content: space-around;
overflow-y: visible;
padding-bottom: 0;
}
}