Sync activatable radio option label opacity with on/off state

2026-05-25 08:02:30 +02:00
parent 9951be0eb2
commit d5ffc3c283
1 changed files with 8 additions and 0 deletions
@@ -1694,6 +1694,14 @@ section + section {
      opacity: 1;
    }

+    #component-radio-activatable[data-component-state="inactive-selectable"] .sg-radio-activatable-group__choice > span {
+      opacity: var(--disabled-opacity);
+    }
+
+    #component-radio-activatable[data-component-state="active"] .sg-radio-activatable-group__choice > span {
+      opacity: 1;
+    }
+
    #component-radio-field .sg-checkbox-field-option {
      display: grid;
      grid-template-columns: calc(var(--interaction-height) * 6) minmax(0, 1fr);