Files
ionic-framework/scss/_platform.scss
Andy Joslin c2a38a6d3d fix(scss): make tabs,header,footer aligned right with statusbar
Addresses #943

Before: we offset the has-header and other classes by 20px if a status
bar existed.

After: we simply offset the body by 20px if a status bar exists. This
makes the other classes automatically offset themselves.
2014-03-31 07:39:50 -06:00

20 lines
526 B
SCSS

/**
* Platform
* --------------------------------------------------
* Platform specific tweaks when in Cordova.
*/
.platform-ios7.platform-cordova {
// iOS7 has a status bar which sits on top of the header.
// Bump down everything to make room for it. However, if
// if its in Cordova, and set to fullscreen, then disregard the bump.
&:not(.fullscreen) {
margin-top: 20px;
}
&.status-bar-hide {
// Cordova doesn't adjust the body height correctly, this makes up for it
margin-bottom: 20px;
}
}