From 788a92c8770b7ac79cf29d20ef07fbd88fb18077 Mon Sep 17 00:00:00 2001
From: Thomas von Deyen <thomas@vondeyen.com>
Date: Wed, 6 Dec 2023 15:48:00 +0100
Subject: [PATCH] Fix element window tab panel height

We need to calc the height of the tab panel in order to
prevent scrollbars.
---
 app/assets/stylesheets/alchemy/shoelace.scss | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/alchemy/shoelace.scss b/app/assets/stylesheets/alchemy/shoelace.scss
index 4c84a24104..ebcd311b1a 100644
--- a/app/assets/stylesheets/alchemy/shoelace.scss
+++ b/app/assets/stylesheets/alchemy/shoelace.scss
@@ -315,13 +315,23 @@
   }
 }
 
+sl-tab-group {
+  height: inherit;
+}
+
+sl-tab-panel {
+  --padding: var(--spacing-4);
+}
+
+#element_area {
+  sl-tab-panel {
+    height: calc(100vh - 172px);
+  }
+}
+
 .alchemy-light {
   sl-tab-group {
     --indicator-color: var(--tabs_indicator-color);
     --track-color: var(--tabs_track-color);
   }
-
-  sl-tab-panel {
-    --padding: var(--spacing-4);
-  }
 }