From 80700312d1bd94d2e4ead7be7930d8d52a9b2bd7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bruno=20Pantalea=CC=83o?= Date: Mon, 8 Apr 2024 14:20:38 +0000 Subject: [PATCH] Add CSS var for header -webkit-backdrop-filter --- src/layouts/home-assistant-main.ts | 1 + src/panels/lovelace/hui-root.ts | 1 + 2 files changed, 2 insertions(+) diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts index b984910c503d..025f1a3ec503 100644 --- 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 index b0115082bb8a..eb64b4f15784 100644 --- 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;