mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-01-29 01:38:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

web/sidebar: scroll only in one direction on overflow

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

1
web/src/components/buttons/Switcher.svelte
View file

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

8
web/src/components/sidebar/Sidebar.svelte
View file

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