From a7505f6ac9ba5060ca556c54bc4b773821d37538 Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Fri, 20 Nov 2015 20:29:28 -0600 Subject: [PATCH] fix(disable): disable tap for inputs I know this change allows the bottom line to have an opacity too, but this is the lesser of evils. Removed use of * selector, and able to disable tap inputs. Closes #610 --- ionic/components/checkbox/checkbox.scss | 4 ++-- ionic/components/radio/radio.scss | 2 +- ionic/components/switch/switch.scss | 4 ++-- 3 files changed, 5 insertions(+), 5 deletions(-) diff --git a/ionic/components/checkbox/checkbox.scss b/ionic/components/checkbox/checkbox.scss index 177ffc23f1..7befa88bd0 100644 --- a/ionic/components/checkbox/checkbox.scss +++ b/ionic/components/checkbox/checkbox.scss @@ -8,8 +8,8 @@ ion-checkbox { @include user-select-none(); } -ion-checkbox[aria-disabled=true] .item-inner > * { - pointer-events: none; +ion-checkbox[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; + pointer-events: none; } diff --git a/ionic/components/radio/radio.scss b/ionic/components/radio/radio.scss index 34f3cc62e8..40b29361f8 100644 --- a/ionic/components/radio/radio.scss +++ b/ionic/components/radio/radio.scss @@ -9,7 +9,7 @@ ion-radio { @include user-select-none(); } -ion-radio[aria-disabled=true] .item-inner > * { +ion-radio[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; pointer-events: none; diff --git a/ionic/components/switch/switch.scss b/ionic/components/switch/switch.scss index 5695291654..3b6a601df2 100644 --- a/ionic/components/switch/switch.scss +++ b/ionic/components/switch/switch.scss @@ -13,8 +13,8 @@ ion-switch media-switch { cursor: pointer; } -ion-switch[aria-disabled=true] .item-inner > * { - pointer-events: none; +ion-switch[aria-disabled=true] { opacity: 0.5; color: $subdued-text-color; + pointer-events: none; }