fix(ionTabs): make icons and titles stay in the same position closes i…

…onic-team#3364
jasdeepkhalsa · Jun 18, 2015 · d9b3b80 · d9b3b80
1 parent 1911b07
commit d9b3b80
Showing 1 changed file with 26 additions and 1 deletion.
diff --git a/scss/_tabs.scss b/scss/_tabs.scss
@@ -318,6 +318,30 @@ ion-tabs {
         transition: color .2s ease;
       }
     }
+   &:not(.tabs-icon-left):not(.tabs-icon-top){
+       .tab-item{
+          &.tab-item-active,
+          &.active,
+          &.activated {
+            > .tab-title, > i{
+            display:block;
+            margin-top: -$tabs-striped-border-width + 1px;
+          }
+        }
+      }
+    }
+    &.tabs-icon-left{
+       .tab-item{
+          margin-top: 1px;
+          &.tab-item-active,
+          &.active,
+          &.activated {
+            > .tab-title, > i {
+              margin-top: -0.1em;
+          }
+        }
+      }
+    }
   }
 }
 
@@ -398,7 +422,7 @@ ion-tabs {
 .tabs-icon-right > .tabs .tab-item {
   font-size: $tabs-text-font-size-side-icon;
 
-  .icon {
+  .icon, .tab-title {
     display: inline-block;
     vertical-align: top;
     margin-top: -.1em;
@@ -494,3 +518,4 @@ ion-tabs {
   cursor: default;
   pointer-events: none;
 }
+