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

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/theme/components/ion-item.scss
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. // Item Headings.
// Some styles taken from ion-label // Some styles taken from ion-label
ion-item.item > ion-label, ion-item.item > ion-label,
@ -111,7 +118,6 @@ ion-item .in-item {
font-size: var(--text-size); font-size: var(--text-size);
p { p {
--color: var(--subdued-text-color);
color: var(--color); color: var(--color);
@include margin(2px, 0); @include margin(2px, 0);
} }

3
src/theme/components/ion-select.scss
View File

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