jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-28 19:56:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add css var for header webkit backdrop filter (#20473)

Browse Source 
* Add CSS var for header -webkit-backdrop-filter

* Add backdrop to energy and developer tools
This commit is contained in:
Bruno Pantaleão Gonçalves 2024-04-10 11:40:44 +02:00 committed by GitHub
parent bf176ac314
commit 7556ab9506
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/panels/developer-tools/ha-panel-developer-tools.ts
View File

@ -131,6 +131,8 @@ class PanelDeveloperTools extends LitElement {
padding-top: env(safe-area-inset-top); padding-top: env(safe-area-inset-top);
color: var(--app-header-text-color, white); color: var(--app-header-text-color, white);
border-bottom: var(--app-header-border-bottom, none); border-bottom: var(--app-header-border-bottom, none);
-webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
backdrop-filter: var(--app-header-backdrop-filter, none);
} }
.toolbar { .toolbar {
height: var(--header-height); height: var(--header-height);

2
src/panels/energy/ha-panel-energy.ts
View File

@ -363,6 +363,8 @@ class PanelEnergy extends LitElement {
transition: box-shadow 200ms linear; transition: box-shadow 200ms linear;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
-webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
backdrop-filter: var(--app-header-backdrop-filter, none);
} }
:host([scrolled]) .header { :host([scrolled]) .header {
box-shadow: var( box-shadow: var(

2
src/panels/lovelace/hui-root.ts
View File

@ -908,6 +908,8 @@ class HUIRoot extends LitElement {
position: fixed; position: fixed;
top: 0; top: 0;
width: var(--mdc-top-app-bar-width, 100%); width: var(--mdc-top-app-bar-width, 100%);
-webkit-backdrop-filter: var(--app-header-backdrop-filter, none);
backdrop-filter: var(--app-header-backdrop-filter, none);
padding-top: env(safe-area-inset-top); padding-top: env(safe-area-inset-top);
z-index: 4; z-index: 4;
transition: box-shadow 200ms linear; transition: box-shadow 200ms linear;