From ec06115a4f983ea85a4766afd967ccfcb0648073 Mon Sep 17 00:00:00 2001
From: Thomas von Deyen <thomas@vondeyen.com>
Date: Thu, 23 May 2024 09:43:57 +0200
Subject: [PATCH] Fix preview window width for smaller viewports

We need to adjust the media query to the value the elements
window goes from fixed to a variable width.

(cherry picked from commit 124db50bcb2fea642ad022df8018486b4abeb9f2)
---
 app/assets/stylesheets/alchemy/preview_window.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/alchemy/preview_window.scss b/app/assets/stylesheets/alchemy/preview_window.scss
index db4e1eeb9a..9b9570255c 100644
--- a/app/assets/stylesheets/alchemy/preview_window.scss
+++ b/app/assets/stylesheets/alchemy/preview_window.scss
@@ -16,10 +16,10 @@
 
   .collapsed-menu.elements-window-visible & {
     width: calc(
-      100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-width}
+      100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-min-width}
     );
 
-    @media screen and (min-width: $large-screen-break-point) {
+    @media screen and (min-width: 1777px) {
       width: calc(
         100vw - #{$collapsed-main-menu-width - $default-border-width} - #{$elements-window-width}
       );