mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
web/sidebar: scroll only in one direction on overflow
This commit is contained in:
parent
f4485e2af0
commit
3a57c7165f
2 changed files with 7 additions and 2 deletions
|
@ -13,6 +13,7 @@
|
|||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
scrollbar-width: none;
|
||||
overflow-x: scroll;
|
||||
}
|
||||
|
||||
.switcher :global(.button:first-child) {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue