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

to make ben happy
2025-08-19 19:57:22 +08:00 · 2018-07-24 16:27:17 -04:00
parent 55cb354d48
commit 2c37a5a7b2
48 changed files with 663 additions and 456 deletions
--- a/core/src/components/ripple-effect/test/preview/index.html
+++ b/core/src/components/ripple-effect/test/preview/index.html
@ -23,14 +23,13 @@

 <body>
  <ion-app>
-
-    <ion-header>
+    <ion-header translucent>
      <ion-toolbar>
        <ion-title>Button Effect</ion-title>
      </ion-toolbar>
    </ion-header>

-    <ion-content padding no-bounce>
+    <ion-content padding no-bounce fullscreen>
      <p>
        <ion-button size="small">Small</ion-button>
      </p>
@ -60,6 +59,11 @@
      </div>
    </ion-content>

+    <style>
+      ion-toolbar {
+        --background: white;
+      }
+    </style>
  </ion-app>
  <script>
    function blockClicked() {