fix(header): support collapsible header with multiple toolbars (#19909)

* begin fix collapsible title with multi toolbars

* fix back button

* adjust large title positioning

* a few adjustments

* remove whitespace

* add types

* fix type
This commit is contained in:
Liam DeBeasi
2019-11-18 08:57:56 -05:00
committed by GitHub
parent 3298fddc09
commit fc4bb2db5c
4 changed files with 60 additions and 27 deletions

View File

@ -82,6 +82,28 @@
this.innerHTML = `
<ion-header class="main-header" translucent>
<ion-toolbar class="main-toolbar">
<ion-segment>
<ion-segment-button value="all">
All
</ion-segment-button>
<ion-segment-button value="favorites">
Favorites
</ion-segment-button>
</ion-segment>
</ion-toolbar>
<ion-toolbar class="main-toolbar">
<ion-segment>
<ion-segment-button value="all">
All
</ion-segment-button>
<ion-segment-button value="favorites">
Favorites
</ion-segment-button>
</ion-segment>
</ion-toolbar>
<ion-toolbar class="main-toolbar">
<ion-buttons collapse>
<ion-back-button default-href="/"></ion-back-button>
@ -139,7 +161,7 @@
<ion-buttons slot="end" collapse>
<ion-button>Hello Page 3</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-toolbar>
</ion-header>
<ion-content id="content" class="three-content" fullscreen color="dark">