MOBILE-4470 style: Wrap text on ion select labels
parent
c43bcea95e
commit
b5e5001095
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -6,6 +6,9 @@ ion-select {
|
|||
&::part(icon) {
|
||||
opacity: 1;
|
||||
}
|
||||
[slot=label] {
|
||||
white-space: normal;
|
||||
}
|
||||
&.select-disabled {
|
||||
opacity: var(--mdl-input-disabled-opacity);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue