fix(header): Header icon button css fix for Safari, closes #576

ionic-team · Feb 11, 2014 · 801d2d7 · 801d2d7
1 parent 03bf67d
commit 801d2d7
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/scss/_bar.scss b/scss/_bar.scss
@@ -136,6 +136,7 @@
     font-weight: 400;
     line-height: $button-bar-button-height;
 
+    &.button-icon:before,
     .icon:before,
     &.icon:before,
     &.icon-left:before,
@@ -149,9 +150,9 @@
     &.button-icon {
       .icon:before,
       &:before,
-      &.icon:before,
       &.icon-left:before,
       &.icon-right:before {
+        vertical-align: top;
         font-size: $button-large-icon-size;
         line-height: $button-bar-button-height;
       }

diff --git a/test/headers.html b/test/headers.html
@@ -219,6 +219,11 @@ <h1 class="title">Really really really really really really really really long t
         </a>
       </header>
 
+      <header class="bar bar-header bar-stable">
+        <button class="button button-clear button-icon ion-ios7-arrow-back"> Back</button>
+        <h1 class="title">Title here</h1>
+      </header>
+
     </content>
 
   </body>