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;