From aaf231037922df4db7cbfa82e3f0d28a23abcdde Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 27 May 2026 10:50:20 +0200 Subject: [PATCH] Keep local toggles opaque while dimming inactive controls --- styles/25-patterns-form-sections.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css index 1a180be..7520ebb 100644 --- a/styles/25-patterns-form-sections.css +++ b/styles/25-patterns-form-sections.css @@ -94,6 +94,10 @@ opacity: 1; } +.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"].sg-slider-row--inactive-selectable .sg-slider { + opacity: var(--disabled-opacity); +} + .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] .sg-mode-toggle { grid-column: 1; } @@ -158,6 +162,15 @@ grid-column: 3; } +.sg-options-row[data-pattern="multiselektions-pulldown"] [data-pulldown-filter-row].sg-pulldown-panel__row--disabled { + opacity: 1; +} + +.sg-options-row[data-pattern="multiselektions-pulldown"] [data-pulldown-filter-row].sg-pulldown-panel__row--disabled > .sg-pulldown-panel__label, +.sg-options-row[data-pattern="multiselektions-pulldown"] [data-pulldown-filter-row].sg-pulldown-panel__row--disabled > .sg-pulldown { + opacity: var(--disabled-opacity); +} + .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-demo .sg-pulldown-panel { min-width: 100%; width: max-content;