fix(tab-bar): align tab text to the center (#16130)

fixes #15273
ionic-team · Oct 29, 2018 · 67eb7cf · 67eb7cf
1 parent 018fb98
commit 67eb7cf
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/core/src/components/tab-bar/tab-bar.scss b/core/src/components/tab-bar/tab-bar.scss
@@ -17,6 +17,8 @@
   background: var(--background);
   color: var(--color);
 
+  text-align: center;
+
   contain: strict;
   user-select: none;
   z-index: $z-index-toolbar;

diff --git a/core/src/components/tab-bar/test/scenarios/index.html b/core/src/components/tab-bar/test/scenarios/index.html
@@ -77,7 +77,7 @@
 
       <ion-tab-button tab='2' layout="icon-top">
         <ion-badge>6</ion-badge>
-        <ion-label>Favorites</ion-label>
+        <ion-label>hi</ion-label>
         <ion-icon name="heart"></ion-icon>
       </ion-tab-button>