jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-27 03:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix min height on lovelace panel for ios (#14207)

Browse Source
This commit is contained in:
Paul Bottein 2022-10-27 15:29:47 +02:00 committed by GitHub
parent b3e2beac5a
commit 523d936010
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1007,7 +1007,10 @@ class HUIRoot extends LitElement {
color: var(--error-color); color: var(--error-color);
} }
#view { #view {
min-height: calc(100vh - var(--header-height)); min-height: calc(
100vh - var(--header-height) - env(safe-area-inset-top) -
env(safe-area-inset-bottom)
);
/** /**
* Since we only set min-height, if child nodes need percentage * Since we only set min-height, if child nodes need percentage
* heights they must use absolute positioning so we need relative * heights they must use absolute positioning so we need relative
@ -1022,7 +1025,10 @@ class HUIRoot extends LitElement {
* In edit mode we have the tab bar on a new line * * In edit mode we have the tab bar on a new line *
*/ */
.edit-mode #view { .edit-mode #view {
min-height: calc(100vh - var(--header-height) - 48px); min-height: calc(
100vh - var(--header-height) - 48px - env(safe-area-inset-top) -
env(safe-area-inset-bottom)
);
} }
#view > * { #view > * {
/** /**