From 90b019b4c4beb334194e23677e0ac98525ff0558 Mon Sep 17 00:00:00 2001
From: FrHun <28605587+frhun@users.noreply.github.com>
Date: Fri, 10 Feb 2023 01:16:41 +0100
Subject: [PATCH] WidgetGallery: Use dynamic layout techniques in the sliders
 tab

---
 .../WidgetGallery/GalleryGML/SlidersTab.gml   | 26 +++++++++++--------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/Userland/Demos/WidgetGallery/GalleryGML/SlidersTab.gml b/Userland/Demos/WidgetGallery/GalleryGML/SlidersTab.gml
index 0f9e0fc986c..0996171f50b 100644
--- a/Userland/Demos/WidgetGallery/GalleryGML/SlidersTab.gml
+++ b/Userland/Demos/WidgetGallery/GalleryGML/SlidersTab.gml
@@ -5,13 +5,13 @@
     }
 
     @GUI::GroupBox {
-        fixed_height: 129
+        preferred_height: "fit"
         layout: @GUI::VerticalBoxLayout {
             margins: [6]
         }
 
         @GUI::GroupBox {
-            max_height: 30
+            preferred_height: "fit"
             layout: @GUI::HorizontalBoxLayout {
                 margins: [8]
             }
@@ -37,9 +37,8 @@
         @GUI::Frame {
             shape: "Panel"
             shadow: "Sunken"
+            preferred_height: "fit"
             thickness: 1
-            max_width: 394
-            max_height: 79
             layout: @GUI::VerticalBoxLayout {
                 margins: [1]
             }
@@ -51,13 +50,11 @@
     }
 
     @GUI::Widget {
-        fixed_height: 88
+        preferred_height: "fit"
         layout: @GUI::VerticalBoxLayout {
             margins: [0, 8]
         }
 
-        @GUI::Layout::Spacer {}
-
         @GUI::Scrollbar {
             name: "enabled_scrollbar"
             fixed_height: 16
@@ -66,12 +63,8 @@
             value: 50
         }
 
-        @GUI::Layout::Spacer {}
-
         @GUI::HorizontalSeparator {}
 
-        @GUI::Layout::Spacer {}
-
         @GUI::Scrollbar {
             name: "disabled_scrollbar"
             fixed_height: 16
@@ -84,6 +77,9 @@
         layout: @GUI::HorizontalBoxLayout {
             margins: [6]
         }
+        preferred_height: "opportunistic_grow"
+
+        @GUI::Layout::Spacer {}
 
         @GUI::VerticalProgressbar {
             name: "vertical_progressbar_left"
@@ -99,6 +95,8 @@
             tooltip: "Fixed"
         }
 
+        @GUI::Layout::Spacer {}
+
         @GUI::VerticalSeparator {}
 
         @GUI::VerticalSlider {
@@ -111,6 +109,8 @@
 
         @GUI::VerticalSeparator {}
 
+        @GUI::Layout::Spacer {}
+
         @GUI::VerticalProgressbar {
             name: "vertical_progressbar_right"
             fixed_width: 36
@@ -124,15 +124,19 @@
             value: 0
             tooltip: "Proportional"
         }
+
+        @GUI::Layout::Spacer {}
     }
 
     @GUI::GroupBox {
         layout: @GUI::VerticalBoxLayout {
             margins: [6]
         }
+        preferred_height: "fit"
 
         @GUI::Widget {
             layout: @GUI::HorizontalBoxLayout {}
+            preferred_height: "fit"
 
             @GUI::HorizontalSlider {
                 name: "horizontal_slider_left"