fix(button): reduce font size of icon only button in toolbar on iOS (#…

…20547)
ionic-team · Feb 19, 2020 · 59fa340 · 59fa340
1 parent 06b828b
commit 59fa340
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/core/src/components/buttons/buttons.ios.scss b/core/src/components/buttons/buttons.ios.scss
@@ -117,7 +117,7 @@
   @include padding(0);
   @include margin(0);
 
-  font-size: 31px;
+  font-size: 28px;
 
   line-height: .67;
 }

diff --git a/core/src/components/toolbar/test/spec/index.html b/core/src/components/toolbar/test/spec/index.html
@@ -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>