javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 04:53:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Brandy Carney
2016-04-15 12:12:43 -04:00
parent f45ddf9087
commit 422c98373b
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/platform/cordova.ios.scss
View File

@ -6,14 +6,14 @@
$cordova-ios-statusbar-padding: 20px !default; $cordova-ios-statusbar-padding: 20px !default;
ion-navbar-section { ion-navbar-section.statusbar-padding {
height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
min-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.statusbar-padding > .toolbar ion-segment,
ion-navbar-section > .toolbar ion-title, ion-navbar-section.statusbar-padding > .toolbar ion-title,
ion-navbar-section > .toolbar { ion-navbar-section.statusbar-padding > .toolbar {
padding-top: $cordova-ios-statusbar-padding; padding-top: $cordova-ios-statusbar-padding;
height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});

4
ionic/platform/cordova.md.scss
View File

@ -6,12 +6,12 @@
$cordova-ios-statusbar-padding: 20px !default; $cordova-ios-statusbar-padding: 20px !default;
ion-navbar-section { ion-navbar-section.statusbar-padding {
height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding});
min-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; padding-top: $cordova-ios-statusbar-padding;
height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding});
min-height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding});

4
ionic/platform/cordova.wp.scss
View File

@ -6,12 +6,12 @@
$cordova-ios-statusbar-padding: 20px !default; $cordova-ios-statusbar-padding: 20px !default;
ion-navbar-section { ion-navbar-section.statusbar-padding {
height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding});
min-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; padding-top: $cordova-ios-statusbar-padding;
height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding});
min-height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding}); min-height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding});