From d0abbaf2190fd160c27e0f9cebbfad0658fb5830 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Fri, 20 May 2016 16:56:29 -0400
Subject: [PATCH] fix(button): style disabled anchor/button elements

add opacity and remove pointer events

closes #6108
---
 src/components/button/button.scss          |  2 ++
 src/components/item/test/buttons/main.html | 12 ++++++------
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/button/button.scss b/src/components/button/button.scss
index 1c9e6f5c09..06a3c787b0 100644
--- a/src/components/button/button.scss
+++ b/src/components/button/button.scss
@@ -47,6 +47,8 @@ a[button] {
   text-decoration: none;
 }
 
+a[disabled],
+button[disabled],
 .button[disabled] {
   cursor: default;
   opacity: .4;
diff --git a/src/components/item/test/buttons/main.html b/src/components/item/test/buttons/main.html
index 6f59facf64..d0ede1aeb4 100644
--- a/src/components/item/test/buttons/main.html
+++ b/src/components/item/test/buttons/main.html
@@ -24,17 +24,17 @@
     <button outline item-right (click)="testClick($event)">Outline</button>
   </ion-item>
 
-  <ion-item>
+  <button ion-item disabled>
     <button item-left (click)="testClick($event)">
       <ion-icon name="home"></ion-icon>
       Left Icon
     </button>
-    left icon buttons
+    disabled left icon buttons
     <button outline item-right (click)="testClick($event)">
       <ion-icon name="star"></ion-icon>
       Left Icon
     </button>
-  </ion-item>
+  </button>
 
   <ion-item>
     <button item-left (click)="testClick($event)">
@@ -58,13 +58,13 @@
     </button>
   </ion-item>
 
-  <ion-item>
-    ion-item right icon/text button large
+  <a ion-item disabled>
+    a ion-item disabled right icon/text button large
     <button item-right large (click)="testClick($event)">
       <ion-icon name="refresh"></ion-icon>
       Refresh
     </button>
-  </ion-item>
+  </a>
 
   <ion-item>
     <button clear item-left small (click)="testClick($event)">