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>
` `
}) })

2
src/components/tabs/test/tab-bar-scenarios/main.html
View File

@ -51,7 +51,7 @@
<ion-tabs tabbarLayout="icon-hide" no-navbar> <ion-tabs tabbarLayout="icon-hide" no-navbar>
<ion-tab tabTitle="Recents" tabIcon="call" [root]="root"></ion-tab> <ion-tab tabTitle="Recents" tabIcon="call" [root]="root"></ion-tab>
<ion-tab tabTitle="Favorites" tabIcon="heart" [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> </ion-tabs>