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] 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);
     }