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(button): reduce font size of icon only button in toolbar on iOS (#20547)

Browse Source
This commit is contained in:
Brandy Carney
2020-02-19 11:31:42 -05:00
committed by GitHub
parent 06b828b4ff
commit 59fa340650
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/buttons/buttons.ios.scss
View File

@ -117,7 +117,7 @@
@include padding(0);
@include margin(0);
font-size: 31px;
font-size: 28px;
line-height: .67;
}

23
core/src/components/toolbar/test/spec/index.html
View File

@ -36,7 +36,9 @@
<ion-header>
<ion-toolbar color="tertiary">
<ion-buttons slot="start">
<ion-menu-button auto-hide="false"></ion-menu-button>
<ion-button>
<ion-icon slot="icon-only" name="add"></ion-icon>
</ion-button>
</ion-buttons>
<ion-buttons slot="primary">
<ion-button>
@ -54,6 +56,25 @@
</ion-toolbar>
</ion-header>
<ion-header>
<ion-toolbar color="tertiary">
<ion-buttons slot="start">
<ion-back-button default-href="/" text="February"></ion-back-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-button>
<ion-icon slot="icon-only" ios="list-outline" md="list-sharp"></ion-icon>
</ion-button>
<ion-button>
<ion-icon slot="icon-only" ios="search-outline" md="search-sharp"></ion-icon>
</ion-button>
<ion-button>
<ion-icon slot="icon-only" ios="add-outline" md="add-sharp"></ion-icon>
</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-toolbar color="tertiary">
<ion-buttons slot="start">
<ion-button>