diff --git a/patterns/multiselektions-pulldown.html b/patterns/multiselektions-pulldown.html index 72b533a..6d0e1f1 100644 --- a/patterns/multiselektions-pulldown.html +++ b/patterns/multiselektions-pulldown.html @@ -36,7 +36,7 @@ Checkbox 1 - + aus @@ -44,7 +44,7 @@ - Slider 1 + Slider 1 6.5 - + - + aus @@ -66,7 +66,7 @@ - Slider 2 + Slider 2 9.5 - + - + aus @@ -88,7 +88,7 @@ - Slider 3 + Slider 3 5.0 - + - + aus @@ -110,7 +110,7 @@ - Slider 4 + Slider 4 6.5 - + Block 2 - + aus @@ -136,7 +136,7 @@ - Slider 5 + Slider 5 3.0 - + - + aus @@ -158,7 +158,7 @@ - Slider 6 + Slider 6 2.5 - + - + aus @@ -180,7 +180,7 @@ - Slider 7 + Slider 7 1.6 - + Block 3 - + aus @@ -206,22 +206,22 @@ - Radio Auswahl + Radio Auswahl - + Radio 1 - + Radio 2 - + diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css index dcfff9a..2aa6418 100644 --- a/styles/25-patterns-form-sections.css +++ b/styles/25-patterns-form-sections.css @@ -98,6 +98,13 @@ opacity: var(--disabled-opacity); } +.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"].sg-slider-row--inactive-selectable .sg-label, +.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"].sg-slider-row--inactive-selectable .sg-slider-value, +.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-radio-activatable-group[data-component-state="inactive-selectable"] > .sg-label, +.sg-options-row[data-pattern="multiselektions-pulldown"] .sg-radio-activatable-group[data-component-state="inactive-selectable"] > .sg-radio-activatable-group__choices { + opacity: var(--disabled-opacity); +} + .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-slider-row[data-activatable="true"] .sg-mode-toggle { grid-column: 1; }