fix: fixed collapsed settings blinking during resize

exadel-inc · Jun 28, 2023 · dabe412 · dabe412
1 parent f9598ee
commit dabe412
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/core/base/root.less b/src/core/base/root.less
@@ -34,15 +34,17 @@
 
   &[settings-collapsed] > .uip-settings {
     max-width: 0;
+    max-height: 0;
+    transition: max-width .3s ease-in-out, max-height 0s .3s;
 
     &-inner {
       visibility: hidden;
       transition: visibility 0s .3s;
     }
 
     @media @mobile {
-      max-height: 0;
       max-width: 100%;
+      transition: max-height .3s ease-in-out;
 
       .scrollbar-collapsed();
     }

diff --git a/src/plugins/settings/settings.less b/src/plugins/settings/settings.less
@@ -2,8 +2,9 @@
   grid-area: settings;
   width: 250px;
   max-width: 250px;
+  max-height: 100%;
   overflow: hidden;
-  transition: max-width 0.3s ease-in-out;
+  transition: max-width 0.3s ease-in-out, max-height 0s;
   accent-color: @dark-text;
 
   &-inner {