javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): reduce padding on tabs for ios

Browse Source 
fixes #6679
This commit is contained in:
Brandy Carney
2016-06-08 12:32:45 -04:00
parent bc306c6ce8
commit fd9cdc7490
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/tabs/tabs.ios.scss
View File

@ -5,7 +5,7 @@
// -------------------------------------------------- // --------------------------------------------------
$tabbar-ios-background: $toolbar-ios-background !default; $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-font-size: 10px !default;
$tabbar-ios-item-icon-size: 30px !default; $tabbar-ios-item-icon-size: 30px !default;
$tabbar-ios-height: 49px !default; $tabbar-ios-height: 49px !default;

2
src/components/tabs/test/basic/index.ts
View File

@ -225,6 +225,8 @@ export class Tab3 {
<ion-tab tabTitle="Plain List" tabIcon="star" [root]="root1" (ionSelect)="onSelect($event)"></ion-tab> <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="Schedule" tabIcon="globe" [root]="root2"></ion-tab>
<ion-tab tabTitle="Stopwatch" tabIcon="stopwatch" [root]="root3"></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> </ion-tabs>
` `
}) })