jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-31 21:17:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix safe area

Browse Source
This commit is contained in:
Bram Kragten 2023-04-06 18:13:18 +02:00
parent d8ddbefcf6
commit 536fe6a23c
No known key found for this signature in database
GPG Key ID: FBE2DFDB363EF55B
4 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1070,7 +1070,7 @@ class HUIRoot extends LitElement {
var(--header-height) + 48px + env(safe-area-inset-top) var(--header-height) + 48px + env(safe-area-inset-top)
); );
} }
#view > * { hui-view {
/** /**
* The view could get larger than the window in Firefox * The view could get larger than the window in Firefox
* to prevent that we set the max-width to 100% * to prevent that we set the max-width to 100%
@ -1082,7 +1082,6 @@ class HUIRoot extends LitElement {
flex: 1 1 100%; flex: 1 1 100%;
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
padding-bottom: env(safe-area-inset-bottom);
display: block; display: block;
} }
.hide-tab { .hide-tab {

3
src/panels/lovelace/views/hui-masonry-view.ts
View File

@ -298,8 +298,7 @@ export class MasonryView extends LitElement implements LovelaceViewElement {
:host { :host {
display: block; display: block;
padding-top: 4px; padding-top: 4px;
height: 100%; padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
} }
.badges { .badges {

3
src/panels/lovelace/views/hui-sidebar-view.ts
View File

@ -196,8 +196,7 @@ export class SideBarView extends LitElement implements LovelaceViewElement {
:host { :host {
display: block; display: block;
padding-top: 4px; padding-top: 4px;
height: 100%; padding-bottom: env(safe-area-inset-bottom);
box-sizing: border-box;
} }
.container { .container {

7
src/panels/lovelace/views/hui-view.ts
View File

@ -111,7 +111,12 @@ export class HUIView extends ReactiveElement {
private _applyBackgroundTheme() { private _applyBackgroundTheme() {
if (this._viewConfigTheme) { if (this._viewConfigTheme) {
const theme = this.hass.themes.themes[this._viewConfigTheme]; const theme = this.hass.themes?.themes[this._viewConfigTheme];
if (!theme) {
this.parentElement?.style.removeProperty("--lovelace-background");
this.parentElement?.style.removeProperty("--primary-background-color");
return;
}
if (theme["lovelace-background"]) { if (theme["lovelace-background"]) {
this.parentElement?.style.setProperty( this.parentElement?.style.setProperty(
"--lovelace-background", "--lovelace-background",