javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(tabs): improves tabs style for iOS

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-03-05 15:13:35 +01:00
parent e92feefc07
commit b9a46288dc
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/components/tabs/tabs.ios.scss
View File

@ -7,7 +7,7 @@
$tabbar-ios-background: $toolbar-ios-background !default;
$tabbar-ios-item-padding: 0px 10px !default;
$tabbar-ios-item-font-size: 10px !default;
$tabbar-ios-item-icon-size: 32px !default;
$tabbar-ios-item-icon-size: 30px !default;
$tabbar-ios-height: 49px !default;
$tab-button-ios-min-width: 80px !default;
@ -43,6 +43,8 @@ ion-tabs[tabbarPlacement=top] tabbar {
.tab-button-text {
min-height: $tabbar-ios-item-font-size + 1;
font-size: $tabbar-ios-item-font-size;
margin-top: 0;
margin-bottom: 0;
}
.has-title-only .tab-button-text {
@ -65,8 +67,6 @@ ion-tabs[tabbarPlacement=top] tabbar {
.tab-button-text {
font-size: 1.4rem;
line-height: 1.1;
margin-top: 0;
margin-bottom: 0;
}
ion-icon {
@ -83,6 +83,8 @@ ion-tabs[tabbarPlacement=top] tabbar {
.tab-button-text {
font-size: 1.4rem;
line-height: 1.1;
margin: 2px 0px;
}
}

2
ionic/components/tabs/tabs.scss
View File

@ -146,7 +146,7 @@ tab-highlight {
.tab-badge {
position: absolute;
top: 4%;
top: 6%;
right: 4%;
right: calc(50% - 50px);
padding: 1px 6px;