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

9
core/src/components/content/test/preview/index.html
View File

@ -12,7 +12,7 @@
<body>
<ion-app>
<ion-header id="header">
<ion-header translucent id="header">
<ion-toolbar style="display: none" id="toolbar2">
<ion-title>Hidden Toolbar</ion-title>
</ion-toolbar>
@ -22,7 +22,7 @@
</ion-header>
<div style="display: flex; flex: 1">
<ion-content padding style="text-align: center; flex: 2" id="content">
<ion-content padding fullscreen text-center style="flex: 2" id="content">
<f></f>
<ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button>
<p>
@ -97,7 +97,12 @@
footer.classList.add('animation');
}
</script>
<style>
ion-toolbar {
--background: white;
}
ion-header.animation,
ion-footer.animation,
ion-content.animation {