javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +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 663 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/toggle/test/preview/index.html
View File

@ -11,15 +11,13 @@
<body>
<ion-app>
<ion-header>
<ion-header translucent>
<ion-toolbar>
<ion-title>Toggle</ion-title>
</ion-toolbar>
</ion-header>
<ion-content id="content">
<ion-content id="content" fullscreen>
<ion-list>
<ion-item>
<ion-label>Apple</ion-label>
@ -65,10 +63,8 @@
<ion-label>Button w/ right side default icon, really long text that should ellipsis</ion-label>
<ion-icon name="information-circle" slot="end"></ion-icon>
</ion-item>
</ion-list>
<p aria-hidden="true" text-center>
<ion-button onClick="toggleBoolean('grapeChecked', 'checked')" fill="outline" size="small">Grape Checked</ion-button>
<ion-button onClick="toggleBoolean('grapeChecked', 'disabled')" fill="outline" size="small">Grape Disabled</ion-button>
@ -82,6 +78,12 @@
</p>
</ion-content>
<style>
ion-toolbar {
--background: white;
}
</style>
<script>
function printForm(ev) {
console.log('TODO get working with forms');