From 2f57a4df3554b8140f94b32b1e1111ea159d5c2c Mon Sep 17 00:00:00 2001
From: Olivier Goffart <olivier.goffart@slint.dev>
Date: Fri, 22 Aug 2025 14:50:40 +0200
Subject: [PATCH] Switch: ensure that the min-width contains the text

Currently, the min-with don't account for the text.
That means that, for example, the switch on the top bar of the gallery,
get the text to overflow which doesn't look good by default
---
 internal/compiler/widgets/cosmic/switch.slint    | 2 +-
 internal/compiler/widgets/cupertino/switch.slint | 2 +-
 internal/compiler/widgets/fluent/switch.slint    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/internal/compiler/widgets/cosmic/switch.slint b/internal/compiler/widgets/cosmic/switch.slint
index 7190d9cc7..6c4d33b75 100644
--- a/internal/compiler/widgets/cosmic/switch.slint
+++ b/internal/compiler/widgets/cosmic/switch.slint
@@ -23,7 +23,7 @@ export component Switch {
         root.toggled();
     }
 
-    min-width: 48px;
+    min-width: max(48px, layout.min-width);
     min-height: max(24px, layout.min-height);
     vertical-stretch: 0;
     horizontal-stretch: 0;
diff --git a/internal/compiler/widgets/cupertino/switch.slint b/internal/compiler/widgets/cupertino/switch.slint
index 453e10dc9..7a11c73bb 100644
--- a/internal/compiler/widgets/cupertino/switch.slint
+++ b/internal/compiler/widgets/cupertino/switch.slint
@@ -24,7 +24,7 @@ export component Switch {
         root.toggled();
     }
 
-    min-width: 26px;
+    min-width: max(26px, i-layout.min-width);
     min-height: max(15px, i-layout.min-height);
     vertical-stretch: 0;
     horizontal-stretch: 0;
diff --git a/internal/compiler/widgets/fluent/switch.slint b/internal/compiler/widgets/fluent/switch.slint
index d1f1adc14..efb6df38d 100644
--- a/internal/compiler/widgets/fluent/switch.slint
+++ b/internal/compiler/widgets/fluent/switch.slint
@@ -23,7 +23,7 @@ export component Switch {
         root.toggled();
     }
 
-    min-width: 40px;
+    min-width: max(40px, layout.min-width);
     min-height: max(20px, layout.min-height);
     vertical-stretch: 0;
     horizontal-stretch: 0;