jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-29 12:16:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix spinner position logbook (#6306)

Browse Source
This commit is contained in:
Bram Kragten 2020-07-02 17:55:06 +02:00 committed by GitHub
parent 750e7b1262
commit 06a94f0f28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/panels/logbook/ha-panel-logbook.ts
View File

@ -113,10 +113,12 @@ export class HaPanelLogbook extends LitElement {
</div> </div>
${this._isLoading ${this._isLoading
? html`<ha-circular-progress ? html`<div class="progress-wrapper">
active <ha-circular-progress
alt=${this.hass.localize("ui.common.loading")} active
></ha-circular-progress>` alt=${this.hass.localize("ui.common.loading")}
></ha-circular-progress>
</div>`
: html`<ha-logbook : html`<ha-logbook
.hass=${this.hass} .hass=${this.hass}
.entries=${this._entries} .entries=${this._entries}
@ -248,11 +250,13 @@ export class HaPanelLogbook extends LitElement {
return [ return [
haStyle, haStyle,
css` css`
ha-logbook { ha-logbook,
.progress-wrapper {
height: calc(100vh - 136px); height: calc(100vh - 136px);
} }
:host([narrow]) ha-logbook { :host([narrow]) ha-logbook,
:host([narrow]) .progress-wrapper {
height: calc(100vh - 198px); height: calc(100vh - 198px);
} }
@ -265,6 +269,10 @@ export class HaPanelLogbook extends LitElement {
margin-right: 0; margin-right: 0;
} }
.progress-wrapper {
position: relative;
}
ha-circular-progress { ha-circular-progress {
position: absolute; position: absolute;
left: 50%; left: 50%;
@ -272,10 +280,6 @@ export class HaPanelLogbook extends LitElement {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.wrap {
margin-bottom: 24px;
}
.filters { .filters {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;