Hide drawer scrollbar until the animation finishes

db59b19d41b0342a4f5336012de6dbbccb24c864

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

public/style.css+8 -1 Viewed

     border: 1px solid var(--SmartThemeBorderColor);
     min-width: 450px;
     width: var(--sheldWidth);
-    overflow-y: auto;
+    overflow-y: hidden;
     max-height: calc(100vh - calc(var(--topBarBlockSize) + var(--bottomFormBlockSize)));
     max-height: calc(100dvh - calc(var(--topBarBlockSize) + var(--bottomFormBlockSize)));
     display: none;

     display: block;
     height: auto;
     height: calc-size(auto, size);
+    overflow-y: auto;
+    animation: hide-scroll var(--animation-duration) backwards;
     @starting-style {
         height: 0;
+    }
+}
+@keyframes hide-scroll {
+  from, to { overflow-y: hidden; }
+}
 body.movingUI .inline-drawer-maximize {
     display: none;
+}

+}
 .fillLeft.openDrawer {
+    overflow-y: hidden;
     height: calc(100vh - var(--topBarBlockSize));
     height: calc(100dvh - var(--topBarBlockSize));
     height: calc-size((100dvh - var(--topBarBlockSize)), size);