mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
fix(tabs): show navbar on second page in tab
This commit is contained in:
@@ -107,7 +107,6 @@ class ToolbarBackground {
|
||||
'</div>',
|
||||
host: {
|
||||
'[hidden]': '_hidden',
|
||||
'[class.show-tab-navbar]': '_showNavbar',
|
||||
'class': 'toolbar'
|
||||
},
|
||||
directives: [BackButton, BackButtonText, Icon, ToolbarBackground]
|
||||
@@ -119,7 +118,6 @@ export class Navbar extends ToolbarBase {
|
||||
private _bbRef: ElementRef;
|
||||
private _bbtRef: ElementRef;
|
||||
private _bgRef: ElementRef;
|
||||
private _showNavbar: boolean;
|
||||
|
||||
/**
|
||||
* @private
|
||||
@@ -217,11 +215,6 @@ export class Navbar extends ToolbarBase {
|
||||
setHidden(isHidden: boolean) {
|
||||
// used to display none/block the navbar
|
||||
this._hidden = isHidden;
|
||||
|
||||
// on the very first load, the navbar may load quicker than
|
||||
// the tab content, which looks weird. This makes sure that
|
||||
// the tab's navbar doesn't show before the tab has fully loaded
|
||||
this._showNavbar = !isHidden;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -38,16 +38,6 @@ ion-tabs > ion-navbar-section {
|
||||
order: $flex-order-tabbar-navbar;
|
||||
}
|
||||
|
||||
ion-tabs > ion-navbar-section ion-navbar.toolbar.show-navbar {
|
||||
// by default, do not show tab navbars when they render
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
ion-tabs > ion-navbar-section ion-navbar.toolbar.show-navbar.show-tab-navbar {
|
||||
// only when the tab content has loaded should it be rendered
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
ion-tabbar-section {
|
||||
position: relative;
|
||||
order: $flex-order-tabbar-bottom;
|
||||
|
||||
Reference in New Issue
Block a user