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

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

View File

@ -1007,7 +1007,10 @@ class HUIRoot extends LitElement {
color: var(--error-color);
}
#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
* 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 *
*/
.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 > * {
/**