EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-3320 core: Fix border color on Android select and hovering styles

main
Pau Ferrer Ocaña 2021-06-04 15:56:57 +02:00
parent 3de60760b0
commit 1106a8c404
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/core/components/combobox/combobox.scss
View File

@ -13,7 +13,6 @@
--color: var(--core-combobox-color); --color: var(--core-combobox-color);
--color-activated: var(--core-combobox-color); --color-activated: var(--core-combobox-color);
--border-color: var(--core-combobox-border-color); --border-color: var(--core-combobox-border-color);
--border-width: 0 0 var(--core-combobox-border-width) 0;
--border-style: solid; --border-style: solid;
--color-focused: currentcolor; --color-focused: currentcolor;
--color-hover: currentcolor; --color-hover: currentcolor;
@ -53,9 +52,7 @@ ion-button {
} }
ion-select { ion-select {
border-color: var(--border-color); border-bottom: var(--core-combobox-border-width) var(--border-style) var(--border-color);
border-width: var(--border-width);
border-style: var(--border-style);
&::part(icon) { &::part(icon) {
margin: var(--icon-margin); margin: var(--icon-margin);
@ -84,6 +81,8 @@ ion-select {
ion-button { ion-button {
--border-radius: 0; --border-radius: 0;
--border-width: 0 0 var(--core-combobox-border-width) 0;
flex: 1; flex: 1;
min-height: 45px; min-height: 45px;

2
src/theme/theme.base.scss
View File

@ -685,7 +685,7 @@ audio.core-media-adapt-width {
} }
// Make links clickable when inside radio or checkbox items. Style part. // 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) { ion-item.item-multiple-inputs:hover::part(native) {
color: var(--color-hover); color: var(--color-hover);