MOBILE-4470 styles: Fix opacity on iOS

moodlehq · May 16, 2024 · 8e4cb42 · 8e4cb42
1 parent 369fd71
commit 8e4cb42
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/theme/components/ion-checkbox.scss b/src/theme/components/ion-checkbox.scss
@@ -16,7 +16,8 @@ input[type=checkbox] {
 }
 
 ion-checkbox {
-    &.checkbox-disabled::part(label) {
+    &.md.checkbox-disabled::part(label),
+    &.ios.checkbox-disabled {
         opacity: var(--mdl-input-disabled-opacity);
     }
 }

diff --git a/src/theme/components/ion-radio.scss b/src/theme/components/ion-radio.scss
@@ -57,7 +57,8 @@ input[type=radio],
 }
 
 ion-radio {
-    &.radio-disabled::part(label) {
+    &.md.radio-disabled::part(label),
+    &.ios.radio-disabled {
         opacity: var(--mdl-input-disabled-opacity);
     }
 }