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

Fixed height of circular progress in history (#6929)

Browse Source
This commit is contained in:
Arielpod 2020-09-11 14:45:47 +02:00 committed by GitHub
parent 5af4ce28ab
commit 1935df1faa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/panels/history/ha-panel-history.ts
View File

@ -79,10 +79,12 @@ class HaPanelHistory extends LitElement {
></ha-date-range-picker>
</div>
${this._isLoading
? html`<ha-circular-progress
active
alt=${this.hass.localize("ui.common.loading")}
></ha-circular-progress>`
? html`<div class="progress-wrapper">
<ha-circular-progress
active
alt=${this.hass.localize("ui.common.loading")}
></ha-circular-progress>
</div>`
: html`
<state-history-charts
.hass=${this.hass}
@ -196,6 +198,19 @@ class HaPanelHistory extends LitElement {
.content {
padding: 0 16px 16px;
}
.progress-wrapper {
height: calc(100vh - 136px);
}
:host([narrow]) .progress-wrapper {
height: calc(100vh - 198px);
}
.progress-wrapper {
position: relative;
}
ha-circular-progress {
position: absolute;
left: 50%;