MOBILE-4470 style: Wrap text on ion select labels

main
Pau Ferrer Ocaña 2024-05-30 09:21:01 +02:00
parent c43bcea95e
commit b5e5001095
2 changed files with 10 additions and 1 deletions

View File

@ -103,6 +103,13 @@ div.fake-ion-item {
}
}
ion-item.item,
ion-item-divider.item {
> ion-label p {
--color: var(--subdued-text-color);
}
}
// Item Headings.
// Some styles taken from ion-label
ion-item.item > ion-label,
@ -111,7 +118,6 @@ ion-item .in-item {
font-size: var(--text-size);
p {
--color: var(--subdued-text-color);
color: var(--color);
@include margin(2px, 0);
}

View File

@ -6,6 +6,9 @@ ion-select {
&::part(icon) {
opacity: 1;
}
[slot=label] {
white-space: normal;
}
&.select-disabled {
opacity: var(--mdl-input-disabled-opacity);
}