Fix element window tab panel height

We need to calc the height of the tab panel in order to prevent scrollbars.
AlchemyCMS · Dec 6, 2023 · 788a92c · 788a92c
1 parent 3fddbc0
commit 788a92c
Showing 1 changed file with 14 additions and 4 deletions.
diff --git 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);
-  }
 }