From 91bbd235e51541cd58528b039d92e9801b72962d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 14 Oct 2026 13:17:35 +0200 Subject: [PATCH] Set fixed multiselect pulldown minimum width --- foundations.html | 1 + styles/01-foundations.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/foundations.html b/foundations.html index f51a503..d72919e 100644 --- a/foundations.html +++ b/foundations.html @@ -192,6 +192,7 @@ notifications-card-min-width445pxMindestbreite der Notification Card im Pattern Notifications; 50px größer als die Object Card und Grundlage für Flex-Basis und Mindestbreite des Patterns. search-field-width15.3remFixe Breite des Suchfeld-Inputs inklusive Clear-Button-Bereich. layer-pulldown-panel40Layer-Stufe für geöffnete Pulldown-Ausklappfelder, damit sie über anderen Inhalten liegen. + pulldown-panel-form-mobile-width340pxFeste Mindestbreite für formularbasierte Pulldown-Panels; bei schmaleren Viewports greift die vorhandene Viewport-Kappe. multiselect-pulldown-panel-desktop-width500pxReservierte Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert. multiselect-pulldown-panel-mobile-width80vwReservierte mobile Foundation-Breite für Multiselektions-Pulldown-Panels; aktuell nicht aktiv genutzt, da das Panel inhaltsbasiert mit Viewport-Kappe skaliert. options-row-mode-toggle-width7remBreite des Modus-Schiebers in der Options Row. diff --git a/styles/01-foundations.css b/styles/01-foundations.css index a7fa680..a4e14e1 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: 90%; + --layout-pulldown-panel-form-mobile-width: 340px; --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);