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

refactor(segment): move pointer-events to base CSS

Browse Source 
relates to #15129
This commit is contained in:
Manu Mtz.-Almeida
2018-08-10 20:12:06 +02:00
parent 690726f918
commit 2dbda30351
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/segment/segment.ios.scss
View File

@ -10,7 +10,6 @@
:host(.segment-disabled) { :host(.segment-disabled) {
opacity: $segment-ios-opacity-disabled; opacity: $segment-ios-opacity-disabled;
pointer-events: none;
} }
// iOS Segment Button // iOS Segment Button
@ -42,7 +41,6 @@
::slotted(.segment-button-disabled) { ::slotted(.segment-button-disabled) {
color: #{current-color(base, $segment-button-ios-background-color-alpha-disabled)}; color: #{current-color(base, $segment-button-ios-background-color-alpha-disabled)};
pointer-events: none;
} }
::slotted(ion-segment-button):hover:not(.segment-checked) { ::slotted(ion-segment-button):hover:not(.segment-checked) {

2
core/src/components/segment/segment.md.scss
View File

@ -22,7 +22,6 @@
:host(.segment-disabled) { :host(.segment-disabled) {
opacity: $segment-md-opacity-disabled; opacity: $segment-md-opacity-disabled;
pointer-events: none;
} }
// Material Design Segment Button // Material Design Segment Button
@ -70,5 +69,4 @@
::slotted(.segment-button-disabled) { ::slotted(.segment-button-disabled) {
opacity: $segment-button-md-opacity-disabled; opacity: $segment-button-md-opacity-disabled;
pointer-events: none;
} }

8
core/src/components/segment/segment.scss
View File

@ -19,3 +19,11 @@
width: 100%; width: 100%;
} }
:host(.segment-disabled) {
pointer-events: none;
}
::slotted(.segment-button-disabled) {
pointer-events: none;
}