MOBILE-3976 style: Fix combobox styling

main
Pau Ferrer Ocaña 2022-01-28 17:41:33 +01:00
parent 93251a5594
commit 72f189a93d
1 changed files with 10 additions and 3 deletions

View File

@ -28,7 +28,6 @@
--padding-top: 8px; --padding-top: 8px;
--padding-end: 8px; --padding-end: 8px;
--padding-bottom: 8px; --padding-bottom: 8px;
--padding-start: 8px;
&.md { &.md {
--background-activated-opacity: 0; --background-activated-opacity: 0;
@ -40,6 +39,14 @@
--background-focused-opacity: .15; --background-focused-opacity: .15;
} }
} }
ion-button {
--padding-start: 8px;
}
ion-select {
--padding-start: 16px;
}
} }
ion-select, ion-select,
@ -48,7 +55,7 @@ ion-button {
color: var(--color); color: var(--color);
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
min-height: 25px; min-height: 26px;
overflow: hidden; overflow: hidden;
margin: 8px; margin: 8px;
box-shadow: var(--box-shadow); box-shadow: var(--box-shadow);
@ -109,7 +116,7 @@ ion-button {
} }
.select-text { .select-text {
margin-inline-end: auto; @include margin-horizontal(null, auto);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }