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

[bugfix] Main Page: Side bar. Fix the width (and remove scroll bar when it's compact mode.)

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-11 16:00:58 +09:00
parent f0cffa7127
commit f2f9b7d1c9
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,13 +7,16 @@
background-color: var(--dark_850_color); background-color: var(--dark_850_color);
&.is_compact_mode { &.is_compact_mode {
min-width: auto; min-width: auto;
.scroll_container {
overflow-y: hidden;
width: auto;
}
} }
} }
.scroll_container { .scroll_container {
width: calc(100% + 0.8rem); width: calc(100% + 0.8rem);
overflow-y: overlay; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
margin-bottom: calc(2rem + 1.6rem + 2rem); // config button's sizes (svg + padding + margin). margin-bottom: calc(2rem + 1.6rem + 2rem); // config button's sizes (svg + padding + margin).
pointer-events: auto; pointer-events: auto;
@@ -35,9 +38,4 @@
background-color: var(--dark_800_color); background-color: var(--dark_800_color);
} }
} }
&.is_compact_mode {
width: 100%;
}
} }