Also enable disabled for tab-item.

Enable for tab-item class the same disabled functionality that exists for button
2026-03-13 10:22:08 +08:00 · 2014-04-17 20:22:07 +02:00
parent 8760de5bf7
commit 009580bb56
7 changed files with 51 additions and 0 deletions
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>