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

Fix view height in edit mode (#7646)

Browse Source
This commit is contained in:
Bram Kragten 2020-11-11 14:08:53 +01:00 committed by GitHub
parent 6ace8307d8
commit 051218e29b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -102,16 +102,13 @@ class HUIRoot extends LitElement {
protected render(): TemplateResult {
return html`
<ha-app-layout id="layout">
<app-header
slot="header"
effects="waterfall"
class=${classMap({
"edit-mode": this._editMode,
})}
fixed
condenses
>
<ha-app-layout
class=${classMap({
"edit-mode": this._editMode,
})}
id="layout"
>
<app-header slot="header" effects="waterfall" fixed condenses>
${this._editMode
? html`
<app-toolbar class="edit-mode">
@ -819,7 +816,8 @@ class HUIRoot extends LitElement {
text-transform: uppercase;
}
.edit-mode {
.edit-mode app-header,
.edit-mode app-toolbar {
background-color: var(--dark-color, #455a64);
color: var(--text-dark-color);
}
@ -864,6 +862,12 @@ class HUIRoot extends LitElement {
position: relative;
display: flex;
}
/**
* In edit mode we have the tab bar on a new line *
*/
.edit-mode #view {
min-height: calc(100vh - var(--header-height) - 48px);
}
#view > * {
/**
* The view could get larger than the window in Firefox