diff --git a/ionic/platform/cordova.ios.scss b/ionic/platform/cordova.ios.scss index 20755a3186b..48cc3d35812 100644 --- a/ionic/platform/cordova.ios.scss +++ b/ionic/platform/cordova.ios.scss @@ -6,14 +6,14 @@ $cordova-ios-statusbar-padding: 20px !default; -ion-navbar-section { +ion-navbar-section.statusbar-padding { height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); } -ion-navbar-section > .toolbar ion-segment, -ion-navbar-section > .toolbar ion-title, -ion-navbar-section > .toolbar { +ion-navbar-section.statusbar-padding > .toolbar ion-segment, +ion-navbar-section.statusbar-padding > .toolbar ion-title, +ion-navbar-section.statusbar-padding > .toolbar { padding-top: $cordova-ios-statusbar-padding; height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); diff --git a/ionic/platform/cordova.md.scss b/ionic/platform/cordova.md.scss index c4bcfd04527..0d933bf8f0c 100644 --- a/ionic/platform/cordova.md.scss +++ b/ionic/platform/cordova.md.scss @@ -6,12 +6,12 @@ $cordova-ios-statusbar-padding: 20px !default; -ion-navbar-section { +ion-navbar-section.statusbar-padding { height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); } -ion-navbar-section > .toolbar { +ion-navbar-section.statusbar-padding > .toolbar { padding-top: $cordova-ios-statusbar-padding; height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); diff --git a/ionic/platform/cordova.wp.scss b/ionic/platform/cordova.wp.scss index 0e60eb45c6d..fb492340621 100644 --- a/ionic/platform/cordova.wp.scss +++ b/ionic/platform/cordova.wp.scss @@ -6,12 +6,12 @@ $cordova-ios-statusbar-padding: 20px !default; -ion-navbar-section { +ion-navbar-section.statusbar-padding { height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); } -ion-navbar-section > .toolbar { +ion-navbar-section.statusbar-padding > .toolbar { padding-top: $cordova-ios-statusbar-padding; height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding});