mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
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:
@ -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">
|
||||
|
||||
Reference in New Issue
Block a user