From 770b182ed62e162784c81b26cac772873b1dbd59 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Thu, 2 May 2024 13:04:42 +0200
Subject: [PATCH] MOBILE-4470 ui: Fix opacity of disabled inputs

---
 src/theme/components/ion-checkbox.scss | 5 +++++
 src/theme/components/ion-input.scss    | 5 +++++
 src/theme/components/ion-radio.scss    | 5 +++++
 src/theme/components/ion-select.scss   | 3 +++
 src/theme/theme.scss                   | 3 +++
 5 files changed, 21 insertions(+)
 create mode 100644 src/theme/components/ion-checkbox.scss
 create mode 100644 src/theme/components/ion-input.scss
 create mode 100644 src/theme/components/ion-radio.scss

diff --git a/src/theme/components/ion-checkbox.scss b/src/theme/components/ion-checkbox.scss
new file mode 100644
index 000000000..bff03e79d
--- /dev/null
+++ b/src/theme/components/ion-checkbox.scss
@@ -0,0 +1,5 @@
+ion-checkbox {
+    &.checkbox-disabled::part(label) {
+        opacity: 0.8;
+    }
+}
diff --git a/src/theme/components/ion-input.scss b/src/theme/components/ion-input.scss
new file mode 100644
index 000000000..da82c4ec4
--- /dev/null
+++ b/src/theme/components/ion-input.scss
@@ -0,0 +1,5 @@
+ion-input {
+    &.input-disabled.md, &.input-disabled.ios {
+        opacity: 0.8;
+    }
+}
diff --git a/src/theme/components/ion-radio.scss b/src/theme/components/ion-radio.scss
new file mode 100644
index 000000000..ef14fe5aa
--- /dev/null
+++ b/src/theme/components/ion-radio.scss
@@ -0,0 +1,5 @@
+ion-radio {
+    &.radio-disabled::part(label) {
+        opacity: 0.8;
+    }
+}
diff --git a/src/theme/components/ion-select.scss b/src/theme/components/ion-select.scss
index 1123bf14f..43a07803c 100644
--- a/src/theme/components/ion-select.scss
+++ b/src/theme/components/ion-select.scss
@@ -6,6 +6,9 @@ ion-select {
     &::part(icon) {
         opacity: 1;
     }
+    &.select-disabled {
+        opacity: 0.8;
+    }
 }
 
 ion-select-popover {
diff --git a/src/theme/theme.scss b/src/theme/theme.scss
index 5e67ed220..04e068e5c 100644
--- a/src/theme/theme.scss
+++ b/src/theme/theme.scss
@@ -32,15 +32,18 @@ html {
     @import "components/ion-back-button.scss";
     @import "components/ion-button.scss";
     @import "components/ion-card.scss";
+    @import "components/ion-checkbox.scss";
     @import "components/ion-chip.scss";
     @import "components/ion-content.scss";
     @import "components/ion-header.scss";
     @import "components/ion-icon.scss";
+    @import "components/ion-input.scss";
     @import "components/ion-item.scss";
     @import "components/ion-item-divider.scss";
     @import "components/ion-loading.scss";
     @import "components/ion-note.scss";
     @import "components/ion-popover.scss";
+    @import "components/ion-radio.scss";
     @import "components/ion-searchbar.scss";
     @import "components/ion-select.scss";
     @import "components/ion-spinner.scss";