MOBILE-3976 style: Fix combobox styling
parent
93251a5594
commit
72f189a93d
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue