From e18c8d999cdda0909e6f07a046e876fc23fa9856 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Tue, 19 May 2026 20:17:49 +0200 Subject: [PATCH] Apply mobile stacked slider labels to all pulldown panels --- styleguide.css | 22 +++------------------- 1 file changed, 3 insertions(+), 19 deletions(-) diff --git a/styleguide.css b/styleguide.css index a8d78e1..c808331 100644 --- a/styleguide.css +++ b/styleguide.css @@ -1676,15 +1676,15 @@ section + section { .sg-pulldown-panel .sg-slider-row[data-activatable="true"] { display: flex; - flex-wrap: nowrap; + flex-wrap: wrap; align-items: center; gap: var(--spacing-small); padding-right: 0; } .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label { - min-width: var(--layout-input-label-width); - flex: 0 0 var(--layout-input-label-width); + min-width: 100%; + flex: 0 0 100%; } .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider { @@ -1859,22 +1859,6 @@ section + section { margin-top: var(--spacing-small); } -@media (max-width: 48rem) { - .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] { - flex-wrap: wrap; - } - - .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-label { - min-width: 100%; - flex: 0 0 100%; - } - - .sg-pulldown-demo--single-slider-test .sg-pulldown-panel .sg-slider-row[data-activatable="true"] .sg-slider { - flex: 1 1 auto; - width: auto; - } -} - .sg-form-sections-card__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));