javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): avoid using attribute selectors for disabled (#17198)

Browse Source
This commit is contained in:
Manu MA
2019-01-22 14:23:30 +01:00
committed by GitHub
parent 8e8e2fd23d
commit 3defbf3a8f
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
core/src/components/button/button.scss
View File

@ -63,6 +63,11 @@
pointer-events: none; pointer-events: none;
} }
:host(.button-disabled) .button-native {
cursor: default;
opacity: .5;
pointer-events: none;
}
// Solid Button // Solid Button
// -------------------------------------------------- // --------------------------------------------------
@ -229,12 +234,6 @@
border: 0; border: 0;
} }
.button-native[disabled] {
cursor: default;
opacity: .5;
pointer-events: none;
}
:host(.ion-focused) .button-native { :host(.ion-focused) .button-native {
background: var(--background-focused); background: var(--background-focused);
color: var(--color-focused); color: var(--color-focused);

12
core/src/components/fab-button/fab-button.scss
View File

@ -109,12 +109,6 @@
box-sizing: border-box; box-sizing: border-box;
} }
.button-native[disabled] {
cursor: default;
opacity: .5;
pointer-events: none;
}
::slotted(ion-icon) { ::slotted(ion-icon) {
line-height: 1; line-height: 1;
} }
@ -157,6 +151,12 @@
pointer-events: none; pointer-events: none;
} }
:host(.fab-button-disabled) .button-native {
cursor: default;
opacity: .5;
pointer-events: none;
}
// FAB Content // FAB Content
// -------------------------------------------------- // --------------------------------------------------