fix(tabs): reduce padding on tabs for ios

fixes #6679
ionic-team · Jun 8, 2016 · fd9cdc7 · fd9cdc7
1 parent bc306c6
commit fd9cdc7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/components/tabs/tabs.ios.scss b/src/components/tabs/tabs.ios.scss
@@ -5,7 +5,7 @@
 // --------------------------------------------------
 
 $tabbar-ios-background:               $toolbar-ios-background !default;
-$tabbar-ios-item-padding:             0 10px !default;
+$tabbar-ios-item-padding:             0 2px !default;
 $tabbar-ios-item-font-size:           10px !default;
 $tabbar-ios-item-icon-size:           30px !default;
 $tabbar-ios-height:                   49px !default;

diff --git a/src/components/tabs/test/basic/index.ts b/src/components/tabs/test/basic/index.ts
@@ -225,6 +225,8 @@ export class Tab3 {
       <ion-tab tabTitle="Plain List" tabIcon="star" [root]="root1" (ionSelect)="onSelect($event)"></ion-tab>
       <ion-tab tabTitle="Schedule" tabIcon="globe" [root]="root2"></ion-tab>
       <ion-tab tabTitle="Stopwatch" tabIcon="stopwatch" [root]="root3"></ion-tab>
+      <ion-tab tabTitle="Messages" tabIcon="chatboxes" [root]="root1"></ion-tab>
+      <ion-tab tabTitle="My Profile" tabIcon="person" [root]="root2"></ion-tab>
     </ion-tabs>
   `
 })

diff --git a/src/components/tabs/test/tab-bar-scenarios/main.html b/src/components/tabs/test/tab-bar-scenarios/main.html
@@ -51,7 +51,7 @@
 <ion-tabs tabbarLayout="icon-hide" no-navbar>
   <ion-tab tabTitle="Recents" tabIcon="call" [root]="root"></ion-tab>
   <ion-tab tabTitle="Favorites" tabIcon="heart" [root]="root"></ion-tab>
-  <ion-tab tabTitle="Settings" tabIcon="settings" [root]="root"></ion-tab>
+  <ion-tab tabTitle="Settings" tabIcon="settings" [root]="root"></ion-tab>  
 </ion-tabs>