52 lines
1.2 KiB
SCSS
52 lines
1.2 KiB
SCSS
.container {
|
|
position: relative;
|
|
min-width: 23rem;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: var(--dark_850_color);
|
|
&.is_compact_mode {
|
|
min-width: auto;
|
|
.scroll_container {
|
|
// overflow-y: hidden;
|
|
// width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.scroll_container {
|
|
width: calc(100% + 0.8rem);
|
|
overflow-y: scroll;
|
|
overflow-x: hidden;
|
|
margin-bottom: calc(2rem + 1.6rem + 2rem); // config button's sizes (svg + padding + margin).
|
|
pointer-events: auto;
|
|
z-index: 1;
|
|
&::-webkit-scrollbar {
|
|
width: 0.8rem;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
background-color: var(--dark_888_color);
|
|
border-radius: 0.4rem;
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--dark_888_color);
|
|
border-radius: 0.4rem;
|
|
}
|
|
|
|
&.is_opened {
|
|
&::-webkit-scrollbar-track {
|
|
background-color: var(--dark_875_color);
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--dark_875_color);
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: var(--dark_800_color);
|
|
}
|
|
}
|
|
|
|
}
|