diff --git a/foundations.html b/foundations.html index d72919e..f51a503 100644 --- a/foundations.html +++ b/foundations.html @@ -192,7 +192,6 @@ 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 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)));