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

MOBILE-4470 ui: Fix opacity of disabled inputs

main
Dani Palou 2024-05-02 13:04:42 +02:00
parent 9c5ef4be1f
commit 770b182ed6
5 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/theme/components/ion-checkbox.scss 100644
View File

@ -0,0 +1,5 @@
ion-checkbox {
&.checkbox-disabled::part(label) {
opacity: 0.8;
}
}

5
src/theme/components/ion-input.scss 100644
View File

@ -0,0 +1,5 @@
ion-input {
&.input-disabled.md, &.input-disabled.ios {
opacity: 0.8;
}
}

5
src/theme/components/ion-radio.scss 100644
View File

@ -0,0 +1,5 @@
ion-radio {
&.radio-disabled::part(label) {
opacity: 0.8;
}
}

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

@ -6,6 +6,9 @@ ion-select {
&::part(icon) {
opacity: 1;
}
&.select-disabled {
opacity: 0.8;
}
}
ion-select-popover {

3
src/theme/theme.scss
View File

@ -32,15 +32,18 @@ html {
@import "components/ion-back-button.scss";
@import "components/ion-button.scss";
@import "components/ion-card.scss";
@import "components/ion-checkbox.scss";
@import "components/ion-chip.scss";
@import "components/ion-content.scss";
@import "components/ion-header.scss";
@import "components/ion-icon.scss";
@import "components/ion-input.scss";
@import "components/ion-item.scss";
@import "components/ion-item-divider.scss";
@import "components/ion-loading.scss";
@import "components/ion-note.scss";
@import "components/ion-popover.scss";
@import "components/ion-radio.scss";
@import "components/ion-searchbar.scss";
@import "components/ion-select.scss";
@import "components/ion-spinner.scss";