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

8
core/src/components/loading/test/preview/index.html
View File

@ -12,13 +12,13 @@
<body>
<ion-app>
<ion-header>
<ion-header translucent>
<ion-toolbar>
<ion-title>Loading</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<ion-content padding fullscreen>
<ion-button id="basic" expand="block" onclick="presentLoading()">Show Loading</ion-button>
<ion-button id="default" expand="block" onclick="presentLoadingWithOptions({duration: 2000, content: 'Please wait...'})">Show Default Loading</ion-button>
<ion-button expand="block" onclick="presentLoadingWithOptions({duration: 2000, content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea voluptatibus quibusdam eum nihil optio, ullam accusamus magni, nobis suscipit reprehenderit, sequi quam amet impedit. Accusamus dolorem voluptates laborum dolor obcaecati.'})">Show Loading with long content</ion-button>
@ -80,6 +80,10 @@
</script>
<style>
ion-toolbar {
--background: white;
}
.custom-loading .loading-wrapper {
background: rgb(155, 221, 226);
}