From c589069e578a5d5f9678d8dcb34d833c81de5559 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 28 May 2021 16:37:33 +0200
Subject: [PATCH] MOBILE-3320 a11y: Remove opacity to select icon on dropdowns

---
 src/core/components/combobox/combobox.scss | 2 +-
 src/theme/theme.base.scss                  | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/core/components/combobox/combobox.scss b/src/core/components/combobox/combobox.scss
index cffe1c11a..2d81ae419 100644
--- a/src/core/components/combobox/combobox.scss
+++ b/src/core/components/combobox/combobox.scss
@@ -52,6 +52,7 @@ ion-button {
 ion-select {
     &::part(icon) {
         margin: var(--icon-margin);
+        opacity: 1;
     }
 
     &::after {
@@ -115,7 +116,6 @@ ion-button {
         width: 19px;
         height: 19px;
         position: relative;
-        opacity: 0.33;
 
         .select-icon-inner {
             left: 5px;
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 37cec8344..a01a65d6b 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -518,6 +518,10 @@ ion-select::part(text) {
     white-space: normal;
 }
 
+ion-select::part(icon) {
+    opacity: 1;
+}
+
 ion-searchbar {
     .searchbar-search-icon.ios {
         top: 4px;