Add CSS var for header -webkit-backdrop-filter

home-assistant · Apr 8, 2024 · 8070031 · 8070031
1 parent 0d3e730
commit 8070031
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts
@@ -177,6 +177,7 @@ export class HomeAssistantMain extends LitElement {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         --mdc-drawer-width: 56px;
         --mdc-top-app-bar-width: calc(100% - var(--mdc-drawer-width));
+        --backdrop-filter: unset;
       }
       :host([expanded]) {
         --mdc-drawer-width: calc(256px + env(safe-area-inset-left));

diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
@@ -908,6 +908,7 @@ class HUIRoot extends LitElement {
           position: fixed;
           top: 0;
           width: var(--mdc-top-app-bar-width, 100%);
+          -webkit-backdrop-filter: var(--backdrop-filter, unset);
           padding-top: env(safe-area-inset-top);
           z-index: 4;
           transition: box-shadow 200ms linear;