javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(header): make it work with ios7 statusbar correctly

Browse Source
This commit is contained in:
Andy Joslin
2014-04-01 12:48:32 -06:00
parent 8eb6257be6
commit 8a5133b7b8
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
scss/_platform.scss
View File

@@ -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

4
scss/_variables.scss
View File

@@ -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;