javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-10 00:27:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(previews): update preview tests to have translucent white toolbars

Browse Source 
to make ben happy
This commit is contained in:
Brandy Carney
2018-07-24 16:27:17 -04:00
parent 55cb354d48
commit 2c37a5a7b2
48 changed files with 664 additions and 457 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
core/src/components/nav-set-root/test/preview/index.html
View File

@ -13,6 +13,11 @@
<ion-app>
<ion-nav root="page-one"></ion-nav>
</ion-app>
<style>
ion-toolbar {
--background: white;
}
</style>
</body>
<script>
@ -21,12 +26,12 @@
async connectedCallback() {
this.innerHTML = `
<ion-header>
<ion-header translucent>
<ion-toolbar>
<ion-title>Page One</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-content padding fullscreen>
<h1>Page One</h1>
<ion-nav-set-root component="page-two">
<ion-button class="next">Go to Page Two</ion-button>
@ -40,12 +45,12 @@
async connectedCallback() {
this.innerHTML = `
<ion-header>
<ion-header translucent>
<ion-toolbar>
<ion-title>Page Two</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-content padding fullscreen>
<h1>Page Two</h1>
<ion-nav-set-root component="page-three">
<ion-button class="next">Go to Page Three</ion-button>
@ -58,12 +63,12 @@
class ThirdPage extends HTMLElement {
async connectedCallback() {
this.innerHTML = `
<ion-header>
<ion-header translucent>
<ion-toolbar>
<ion-title>Page Three</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-content padding fullscreen>
<h1>Page Three</h1>
</ion-content>
`;