From 8a5133b7b834d4765c0677fc1b5000f04da599e5 Mon Sep 17 00:00:00 2001
From: Andy Joslin <andytjoslin@gmail.com>
Date: Tue, 1 Apr 2014 12:48:32 -0600
Subject: [PATCH] style(header): make it work with ios7 statusbar correctly

---
 scss/_platform.scss  | 10 ++++++++++
 scss/_variables.scss |  4 ++++
 2 files changed, 14 insertions(+)

diff --git a/scss/_platform.scss b/scss/_platform.scss
index 70211243af..70e13ac20c 100644
--- a/scss/_platform.scss
+++ b/scss/_platform.scss
@@ -11,6 +11,16 @@
   // if its in Cordova, and set to fullscreen, then disregard the bump.
   &:not(.fullscreen) {
     margin-top: 20px;
+    /*
+     * Make header bar go under the status bar
+     */
+    .bar-header:not(.bar-subheader) {
+      top: -$ios7-statusbar-height;
+      height: $bar-height + $ios7-statusbar-height;
+      > * {
+        margin-top: $ios7-statusbar-height;
+      }
+    }
   }
   &.status-bar-hide {
     // Cordova doesn't adjust the body height correctly, this makes up for it
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 948ea12c76..3e8dcb79d7 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -671,3 +671,7 @@ $z-index-slider-pager:            1 !default;
 $z-index-tabs:                    5 !default;
 $z-index-view:                    1 !default;
 
+// Platform
+// -------------------------------
+
+$ios7-statusbar-height:           20px !default;