fix(cordova): only target navbar section when it has the statusbar-pa…

…dding
ionic-team · Apr 15, 2016 · 422c983 · 422c983
1 parent f45ddf9
commit 422c983
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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});