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/note/note.tsx
+++ b/core/src/components/note/note.tsx
@ -14,7 +14,7 @@ export class Note {
  /**
   * The color to use from your application's color palette.
   * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
-   * For more information on theming colors, see [theming](/docs/theming/basics).
+   * For more information on colors, see [theming](/docs/theming/basics).
   */
  @Prop() color?: Color;

--- a/core/src/components/note/test/preview/index.html
+++ b/core/src/components/note/test/preview/index.html
@ -12,13 +12,13 @@
 <body>
  <ion-app>

-    <ion-header>
+    <ion-header translucent>
      <ion-toolbar>
        <ion-title>Note</ion-title>
      </ion-toolbar>
    </ion-header>

-    <ion-content>
+    <ion-content fullscreen>
      <ion-list>
        <ion-list-header>Notes Right</ion-list-header>
        <ion-item>
@ -131,7 +131,11 @@
      </ion-list>
    </ion-content>

-
+    <style>
+      ion-toolbar {
+        --background: white;
+      }
+    </style>
  </ion-app>

  <script>