From 674abc8ad660298313d2ec23a498a08eceefe781 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 20 May 2026 13:15:14 +0200
Subject: [PATCH] Set multiselect pulldown width to 500px desktop and 80vw
 mobile

---
 styleguide.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/styleguide.css b/styleguide.css
index e6e93f1..04befd9 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -1873,6 +1873,22 @@ section + section {
   margin-top: var(--spacing-small);
 }
 
+.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo {
+  width: 500px;
+  max-width: 100%;
+}
+
+.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-demo__trigger,
+.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel {
+  width: 100%;
+}
+
+@media (max-width: 48rem) {
+  .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo {
+    width: 80vw;
+  }
+}
+
 .sg-form-sections-card__actions {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));