From 009580bb56aad8d0dd2bef1d9bd4f56b6cd233bf Mon Sep 17 00:00:00 2001
From: nickl- <github@jigsoft.co.za>
Date: Thu, 17 Apr 2014 20:22:07 +0200
Subject: [PATCH] Also enable disabled for tab-item.

Enable for tab-item class the same disabled functionality that exists for button
---
 scss/_tabs.scss                     | 7 +++++++
 test/css/tab-bars-icons-bottom.html | 8 ++++++++
 test/css/tab-bars-icons-left.html   | 8 ++++++++
 test/css/tab-bars-icons-right.html  | 8 ++++++++
 test/css/tab-bars-no-icons.html     | 6 ++++++
 test/css/tab-bars-only-icons.html   | 6 ++++++
 test/css/tab-bars.html              | 8 ++++++++
 7 files changed, 51 insertions(+)

diff --git a/scss/_tabs.scss b/scss/_tabs.scss
index ffa22f039c..51d88f3efc 100644
--- a/scss/_tabs.scss
+++ b/scss/_tabs.scss
@@ -227,3 +227,10 @@
     position: relative;
   }
 }
+
+.tab-item.disabled,
+.tab-item[disabled] {
+  opacity: .4;
+  cursor: default !important;
+  pointer-events: none;
+}
diff --git a/test/css/tab-bars-icons-bottom.html b/test/css/tab-bars-icons-bottom.html
index 7c81f4dfc6..3db974548d 100644
--- a/test/css/tab-bars-icons-bottom.html
+++ b/test/css/tab-bars-icons-bottom.html
@@ -48,6 +48,14 @@
         Clean
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        Disabled
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>
diff --git a/test/css/tab-bars-icons-left.html b/test/css/tab-bars-icons-left.html
index dfd8424297..7601dc486b 100644
--- a/test/css/tab-bars-icons-left.html
+++ b/test/css/tab-bars-icons-left.html
@@ -48,6 +48,14 @@
         <i class="icon ion-waterdrop"></i>
         Clean
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+        Inactive
+      </a>
     </nav>
 
   </body>
diff --git a/test/css/tab-bars-icons-right.html b/test/css/tab-bars-icons-right.html
index 93b7cc9f20..3c557c0a7a 100644
--- a/test/css/tab-bars-icons-right.html
+++ b/test/css/tab-bars-icons-right.html
@@ -48,6 +48,14 @@
         Clean
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        Disabled
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>
diff --git a/test/css/tab-bars-no-icons.html b/test/css/tab-bars-no-icons.html
index 808d01f2de..62a92bd7f5 100644
--- a/test/css/tab-bars-no-icons.html
+++ b/test/css/tab-bars-no-icons.html
@@ -43,6 +43,12 @@
       <a class="tab-item">
         Clean
       </a>
+      <a class="tab-item disabled">
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+      </a>
     </nav>
 
   </body>
diff --git a/test/css/tab-bars-only-icons.html b/test/css/tab-bars-only-icons.html
index 115642a99f..8a4877d024 100644
--- a/test/css/tab-bars-only-icons.html
+++ b/test/css/tab-bars-only-icons.html
@@ -43,6 +43,12 @@
       <a class="tab-item tab-item-danger">
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>
diff --git a/test/css/tab-bars.html b/test/css/tab-bars.html
index d4411f5421..f3e3ab4b8b 100644
--- a/test/css/tab-bars.html
+++ b/test/css/tab-bars.html
@@ -48,6 +48,14 @@
         <i class="icon ion-waterdrop"></i>
         Clean
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+        Inactive
+      </a>
     </nav>
 
   </body>