every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update] Main Page: Side bar. Scroll bar only shows when the side bar area is hovered.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-11 14:46:00 +09:00
parent 7068167866
commit f0cffa7127
1 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src-ui/app/main_page/sidebar_section/SidebarSection.module.scss
View File

@@ -1,24 +1,3 @@
.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).
&::-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_800_color);
border-radius: 0.4rem;
}
}
.container { .container {
position: relative; position: relative;
min-width: 23rem; min-width: 23rem;
@@ -30,3 +9,35 @@
min-width: auto; min-width: auto;
} }
} }
.scroll_container {
width: calc(100% + 0.8rem);
overflow-y: overlay;
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;
}
&:hover {
&::-webkit-scrollbar-thumb {
background-color: var(--dark_800_color);
}
}
&.is_compact_mode {
width: 100%;
}
}