MOBILE-3320 a11y: Remove opacity to select icon on dropdowns

2021-05-28 16:37:33 +02:00 · 2021-05-28 16:37:33 +02:00 · c589069e57
parent 3fe165488f
commit c589069e57
2 changed files with 5 additions and 1 deletions
--- 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;
--- 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;