Merge pull request #2871 from AlchemyCMS/backport/7.0-stable/pr-2870

[7.0-stable] Fix preview window resize transition
AlchemyCMS · May 14, 2024 · f37de46 · f37de46
2 parents b03efc5 + 8d475fc
commit f37de46
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/app/assets/stylesheets/alchemy/preview_window.scss b/app/assets/stylesheets/alchemy/preview_window.scss
@@ -7,18 +7,22 @@
   border: 0 none;
   background: #fff;
   border-right: $default-border;
-  transition: $transition-duration ease-in-out;
+  transition: width $transition-duration ease-in-out;
 
   .collapsed-menu & {
     left: $collapsed-main-menu-width;
     width: calc(100vw - #{$collapsed-main-menu-width - $default-border-width});
   }
 
   .collapsed-menu.elements-window-visible & {
-    width: calc(100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-width});
+    width: calc(
+      100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-width}
+    );
 
     @media screen and (min-width: $large-screen-break-point) {
-      max-width: calc(100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-min-width});
+      width: calc(
+        100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-min-width}
+      );
     }
   }
 }