From c43bcea95e03edc7140e3d100aafee3d6c082ce2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 30 May 2024 09:05:40 +0200
Subject: [PATCH 1/3] MOBILE-4470 styles: Spinner and refresher use different
 variables

---
 src/theme/components/ion-spinner.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/theme/components/ion-spinner.scss b/src/theme/components/ion-spinner.scss
index dda00a929..8643f79e5 100644
--- a/src/theme/components/ion-spinner.scss
+++ b/src/theme/components/ion-spinner.scss
@@ -1,4 +1,7 @@
-ion-spinner,
-ion-refresher {
+ion-spinner {
     --color: var(--core-loading-spinner);
 }
+
+ion-refresher {
+    --ion-color-primary: var(--core-loading-spinner);
+}

From b5e5001095cf80f7eb8ef62788c1a0af577d288f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 30 May 2024 09:21:01 +0200
Subject: [PATCH 2/3] MOBILE-4470 style: Wrap text on ion select labels

---
 src/theme/components/ion-item.scss   | 8 +++++++-
 src/theme/components/ion-select.scss | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/theme/components/ion-item.scss b/src/theme/components/ion-item.scss
index 47048d7b3..b4fca69e7 100644
--- a/src/theme/components/ion-item.scss
+++ b/src/theme/components/ion-item.scss
@@ -103,6 +103,13 @@ div.fake-ion-item {
     }
 }
 
+ion-item.item,
+ion-item-divider.item {
+    > ion-label p {
+        --color: var(--subdued-text-color);
+    }
+}
+
 // Item Headings.
 // Some styles taken from ion-label
 ion-item.item > ion-label,
@@ -111,7 +118,6 @@ ion-item .in-item {
     font-size: var(--text-size);
 
     p {
-        --color: var(--subdued-text-color);
         color: var(--color);
         @include margin(2px, 0);
     }
diff --git a/src/theme/components/ion-select.scss b/src/theme/components/ion-select.scss
index 369445f9a..7c177c9b1 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;
     }
+    [slot=label] {
+        white-space: normal;
+    }
     &.select-disabled {
         opacity: var(--mdl-input-disabled-opacity);
     }

From 983580aa41e81107b7c9ad98a8cd9d2b5753e927 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Thu, 30 May 2024 09:35:25 +0200
Subject: [PATCH 3/3] MOBILE-4470 style: Do more evident the disabled radio and
 checkbox

---
 src/theme/components/ion-checkbox.scss | 4 ++++
 src/theme/components/ion-radio.scss    | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/src/theme/components/ion-checkbox.scss b/src/theme/components/ion-checkbox.scss
index 6fb4053a0..37e12ebd5 100644
--- a/src/theme/components/ion-checkbox.scss
+++ b/src/theme/components/ion-checkbox.scss
@@ -27,6 +27,10 @@ ion-checkbox {
         &.ios {
             opacity: var(--mdl-input-disabled-opacity);
         }
+
+        &::part(container) {
+            opacity: var(--mdl-input-disabled-opacity);
+        }
     }
 }
 
diff --git a/src/theme/components/ion-radio.scss b/src/theme/components/ion-radio.scss
index ebab14798..51d681179 100644
--- a/src/theme/components/ion-radio.scss
+++ b/src/theme/components/ion-radio.scss
@@ -68,6 +68,10 @@ ion-radio {
         &.ios {
             opacity: var(--mdl-input-disabled-opacity);
         }
+
+        &::part(container) {
+            opacity: var(--mdl-input-disabled-opacity);
+        }
     }
 }