From 23992dcf7009347a3b401034c23d029b6d61eac9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 14 Oct 2026 13:18:41 +0200
Subject: [PATCH] Reuse multiselect panel width token

---
 foundations.html                     | 1 -
 styles/01-foundations.css            | 2 +-
 styles/25-patterns-form-sections.css | 4 ++--
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/foundations.html b/foundations.html
index d72919e..f51a503 100644
--- a/foundations.html
+++ b/foundations.html
@@ -192,7 +192,6 @@
         <tr><td>notifications-card-min-width</td><td>445px</td><td>Mindestbreite der Notification Card im Pattern Notifications; 50px größer als die Object Card und Grundlage für Flex-Basis und Mindestbreite des Patterns.</td></tr>
         <tr><td>search-field-width</td><td>15.3rem</td><td>Fixe Breite des Suchfeld-Inputs inklusive Clear-Button-Bereich.</td></tr>
         <tr><td>layer-pulldown-panel</td><td>40</td><td>Layer-Stufe für geöffnete Pulldown-Ausklappfelder, damit sie über anderen Inhalten liegen.</td></tr>
-        <tr><td>pulldown-panel-form-mobile-width</td><td>340px</td><td>Feste Mindestbreite für formularbasierte Pulldown-Panels; bei schmaleren Viewports greift die vorhandene Viewport-Kappe.</td></tr>
         <tr><td>multiselect-pulldown-panel-desktop-width</td><td>500px</td><td>Reservierte Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert.</td></tr>
         <tr><td>multiselect-pulldown-panel-mobile-width</td><td>80vw</td><td>Reservierte mobile Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert.</td></tr>
         <tr><td>options-row-mode-toggle-width</td><td>7rem</td><td>Breite des Modus-Schiebers in der Options Row.</td></tr>
diff --git a/styles/01-foundations.css b/styles/01-foundations.css
index a4e14e1..a7fa680 100644
--- a/styles/01-foundations.css
+++ b/styles/01-foundations.css
@@ -79,7 +79,7 @@
   --layout-pulldown-chevron-offset: var(--compact-interaction-padding-horizontal);
   --layout-tab-navigation-large-padding-inline: var(--interaction-padding-horizontal);
   --layout-pulldown-chevron-reserved-space: var(--spacing-large);
-  --layout-pulldown-panel-form-mobile-width: 340px;
+  --layout-pulldown-panel-form-mobile-width: 90%;
   --layer-pulldown-panel: var(--dimension-layer-pulldown-panel);
   --layout-multiselect-pulldown-panel-desktop-width: var(--dimension-multiselect-pulldown-panel-desktop-width);
   --layout-input-label-width: var(--dimension-input-label-width);
diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css
index 625e092..9658558 100644
--- a/styles/25-patterns-form-sections.css
+++ b/styles/25-patterns-form-sections.css
@@ -104,11 +104,11 @@
 
 .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
   width: min(
-    var(--layout-pulldown-panel-form-mobile-width),
+    var(--layout-multiselect-pulldown-panel-desktop-width),
     calc(100vw - (2 * var(--spacing-large)))
   );
   min-width: min(
-    var(--layout-pulldown-panel-form-mobile-width),
+    var(--layout-multiselect-pulldown-panel-desktop-width),
     calc(100vw - (2 * var(--spacing-large)))
   );
   max-width: calc(100vw - (2 * var(--spacing-large)));