Hide drawer scrollbar until the animation finishes

db59b19d41b0342a4f5336012de6dbbccb24c864

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 4bb5f8daa9a1800148a35df8ac78f784e5cf2fa7
1 files changed, +8 -1Showing whitespace changes
public/style.css+8 -1
@@ -5362,7 +5362,7 @@ body:has(#character_popup.open) #top-settings-holder:has(.drawer-content.openDra
53625362 border: 1px solid var(--SmartThemeBorderColor);
53635363 min-width: 450px;
53645364 width: var(--sheldWidth);
53655365 overflow-y: autohidden;
53665366 max-height: calc(100vh - calc(var(--topBarBlockSize) + var(--bottomFormBlockSize)));
53675367 max-height: calc(100dvh - calc(var(--topBarBlockSize) + var(--bottomFormBlockSize)));
53685368 display: none;
@@ -5385,12 +5385,18 @@ body:has(#character_popup.open) #top-settings-holder:has(.drawer-content.openDra
53855385 display: block;
53865386 height: auto;
53875387 height: calc-size(auto, size);
5388+ overflow-y: auto;
5389+ animation: hide-scroll var(--animation-duration) backwards;
53885390
53895391 @starting-style {
53905392 height: 0;
53915393 }
53925394}
53935395
5396+@keyframes hide-scroll {
5397+ from, to { overflow-y: hidden; }
5398+}
5399+
53945400body.movingUI .inline-drawer-maximize {
53955401 display: none;
53965402}
@@ -5430,6 +5436,7 @@ body:not(.movingUI) .drawer-content.maximized {
54305436}
54315437
54325438.fillLeft.openDrawer {
5439+ overflow-y: hidden;
54335440 height: calc(100vh - var(--topBarBlockSize));
54345441 height: calc(100dvh - var(--topBarBlockSize));
54355442 height: calc-size((100dvh - var(--topBarBlockSize)), size);