feat(ionTabs): add available tabs-item-hide class

Closes #395
ionic-team · Mar 24, 2014 · 5966dbf · 5966dbf · lprsd · Aug 13, 2014
1 parent 60e4533
commit 5966dbf
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/js/ext/angular/src/directive/ionicTabBar.js b/js/ext/angular/src/directive/ionicTabBar.js
@@ -192,8 +192,9 @@ angular.module('ionic.ui.tabs', ['ionic.service.view'])
         var el = $element[0];
         $scope.$watch(function() { return el.className; }, function(value) {
           var isTabsTop = value.indexOf('tabs-top') !== -1;
-          $scope.$hasTabs = !isTabsTop;
-          $scope.$hasTabsTop = isTabsTop;
+          var isHidden = value.indexOf('tabs-item-hide') !== -1;
+          $scope.$hasTabs = !isTabsTop && !isHidden;
+          $scope.$hasTabsTop = isTabsTop && !isHidden;
         });
         $scope.$on('$destroy', function() {
           $scope.$hasTabs = $scope.$hasTabsTop = null;

diff --git a/scss/_tabs.scss b/scss/_tabs.scss
@@ -123,6 +123,11 @@
   }
 }
 
+.tabs.tabs-item-hide,
+.tabs-item-hide > .tabs {
+  display: none;
+}
+
 .tabs-icon-top .tab-item,
 .tabs-icon-bottom .tab-item {
   font-size: $tabs-text-font-size-side-icon;