javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): add status bar padding to navbar when a tab subpage

Browse Source 
closes #6368
This commit is contained in:
Brandy Carney
2016-05-02 13:08:17 -04:00
parent e9d027b967
commit 62b97ce4f3
5 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
ionic/components/app/test/cordova/index.ts
View File

@ -50,6 +50,7 @@ class Page1 {
templateUrl: 'page2.html'
})
class Page2 {
page1 = Page1;
page3 = Page3;
constructor(private nav: NavController) {
@ -122,7 +123,9 @@ class TabsPage {
@App({
templateUrl: `./app.html`,
config: { statusbarPadding: true }
config: {
statusbarPadding: true
}
})
class E2EApp {
root = Page1;

1
ionic/components/app/test/cordova/page2.html
View File

@ -19,6 +19,7 @@
<ion-content padding>
<div padding-bottom>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi scelerisque dolor lacus, ut vehicula arcu dapibus id. Morbi iaculis fermentum blandit. Curabitur tempus, ante et vehicula tempor, urna velit rutrum massa, quis suscipit purus lacus eget est. Sed nisi nulla, tempus id dictum a, cursus ut felis. Aliquam orci magna, rutrum nec tempor ac, fermentum quis eros. Sed ullamcorper felis sit amet tristique sagittis. Nullam sed tempus mi. Morbi sit amet lacinia leo. Nunc facilisis orci id consectetur dignissim. Integer dictum consectetur enim. Vivamus auctor, turpis ut eleifend pharetra, purus magna mattis arcu, vel pharetra tellus orci eget ex. Integer blandit posuere vehicula. Ut ipsum lorem, efficitur vitae eleifend tincidunt, fermentum nec lacus. Ut nec fermentum dui.</div>
<button block [navPush]="page1">Go to Page 1</button>
<button block [navPush]="page3">Go to Page 3</button>
<button block secondary (click)="openModal()" class="e2eCordovaOpenModal">Open Modal</button>
</ion-content>

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

@ -20,6 +20,7 @@ ion-navbar-section.statusbar-padding > .toolbar {
min-height: calc(#{$toolbar-ios-height} + #{$cordova-ios-statusbar-padding});
}
.tab-subpage,
ion-nav > ion-page,
ion-menu {
> .toolbar.statusbar-padding:first-child ion-segment,

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

@ -18,6 +18,7 @@ ion-navbar-section.statusbar-padding > .toolbar {
min-height: calc(#{$toolbar-md-height} + #{$cordova-ios-statusbar-padding});
}
.tab-subpage,
ion-nav > ion-page,
ion-menu {
> .toolbar.statusbar-padding:first-child {

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

@ -18,6 +18,7 @@ ion-navbar-section.statusbar-padding > .toolbar {
min-height: calc(#{$toolbar-wp-height} + #{$cordova-ios-statusbar-padding});
}
.tab-subpage,
ion-nav > ion-page,
ion-menu {
> .toolbar.statusbar-padding:first-child {