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

fix(tab-bar): update ios icon and label design to match native (#20548)

Browse Source
This commit is contained in:
Brandy Carney
2020-02-19 11:32:45 -05:00
committed by GitHub
parent 59fa340650
commit 34f8576b95
3 changed files with 47 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
core/src/components/tab-button/tab-button.ios.scss
View File

@ -12,15 +12,6 @@
font-size: $tab-button-ios-font-size;
}
:host(.tab-has-label-only) ::slotted(ion-label) {
@include margin(2px, 0);
font-size: $tab-button-ios-font-size + 2;
font-size: 14px;
line-height: 1.1;
}
// iOS Tab Button: Badge
// --------------------------------------------------
@ -41,7 +32,7 @@
// --------------------------------------------------
::slotted(ion-icon) {
@include margin(4px, null, null, null);
@include margin(2px, null, 2px, null);
font-size: $tab-button-ios-icon-size;
}
@ -58,6 +49,21 @@
@include margin(0, null, 1px, null);
min-height: $tab-button-ios-font-size + 1;
font-weight: 500;
}
// iOS Tab Button Label Only
// --------------------------------------------------
:host(.tab-has-label-only) ::slotted(ion-label) {
@include margin(2px, 0);
font-size: $tab-button-ios-font-size + 2;
font-size: 14px;
line-height: 1.1;
}