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

fix(item-option): styling and behaviour for disabled item-option (#17909)

Browse Source 
fixes #17905
This commit is contained in:
Kelvin Dart
2019-03-28 18:20:29 +00:00
committed by Liam DeBeasi
parent 51614c1b32
commit 346ecb2a3c
4 changed files with 42 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/item-option/item-option.scss
View File

@ -112,3 +112,17 @@
transition-property: none;
transition-timing-function: cubic-bezier(.65, .05, .36, 1);
}
// Item Disabled Styling
// --------------------------------------------------
:host(.item-option-disabled) {
pointer-events: none;
}
:host(.item-option-disabled) .button-native {
cursor: default;
opacity: .5;
pointer-events: none;
}

4
core/src/components/item-option/item-option.tsx
View File

@ -60,10 +60,12 @@ export class ItemOption implements ComponentInterface {
}
hostData() {
const { disabled, expandable } = this;
return {
class: {
...createColorClasses(this.color),
'item-option-expandable': this.expandable,
'item-option-disabled': disabled,
'item-option-expandable': expandable,
'ion-activatable': true,
}
};