From 1106a8c4040bb2b030e5a703c4d4d44935a40253 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 4 Jun 2021 15:56:57 +0200
Subject: [PATCH] MOBILE-3320 core: Fix border color on Android select and
 hovering styles

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

diff --git a/src/core/components/combobox/combobox.scss b/src/core/components/combobox/combobox.scss
index 85f428f01..a36947dd4 100644
--- a/src/core/components/combobox/combobox.scss
+++ b/src/core/components/combobox/combobox.scss
@@ -13,7 +13,6 @@
         --color: var(--core-combobox-color);
         --color-activated: var(--core-combobox-color);
         --border-color: var(--core-combobox-border-color);
-        --border-width: 0 0 var(--core-combobox-border-width) 0;
         --border-style: solid;
         --color-focused: currentcolor;
         --color-hover: currentcolor;
@@ -53,9 +52,7 @@ ion-button {
 }
 
 ion-select {
-    border-color: var(--border-color);
-    border-width: var(--border-width);
-    border-style: var(--border-style);
+    border-bottom: var(--core-combobox-border-width) var(--border-style) var(--border-color);
 
     &::part(icon) {
         margin: var(--icon-margin);
@@ -84,6 +81,8 @@ ion-select {
 
 ion-button {
     --border-radius: 0;
+    --border-width: 0 0 var(--core-combobox-border-width) 0;
+
     flex: 1;
     min-height: 45px;
 
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index bdf7d264a..0defd7a37 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -685,7 +685,7 @@ audio.core-media-adapt-width {
 }
 
 // Make links clickable when inside radio or checkbox items. Style part.
-@media (any-hover: hover) {
+@media (hover: hover) {
     ion-item.item-multiple-inputs:hover::part(native) {
         color: var(--color-hover);