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

Fix issues with circular progress (#18920)

Browse Source
This commit is contained in:
Bram Kragten 2023-12-06 14:21:28 +01:00 committed by GitHub
parent 1330558819
commit 86726102fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/dialogs/more-info/controls/more-info-update.ts
View File

@ -103,8 +103,10 @@ class MoreInfoUpdate extends LitElement {
: ""} : ""}
${supportsFeature(this.stateObj!, UPDATE_SUPPORT_RELEASE_NOTES) && ${supportsFeature(this.stateObj!, UPDATE_SUPPORT_RELEASE_NOTES) &&
!this._error !this._error
? this._releaseNotes === undefined ? !this._releaseNotes
? html`<ha-circular-progress indeterminate></ha-circular-progress>` ? html`<div class="flex center">
<ha-circular-progress indeterminate></ha-circular-progress>
</div>`
: html`<hr /> : html`<hr />
<ha-faded> <ha-faded>
<ha-markdown .content=${this._releaseNotes}></ha-markdown> <ha-markdown .content=${this._releaseNotes}></ha-markdown>
@ -254,9 +256,10 @@ class MoreInfoUpdate extends LitElement {
a { a {
color: var(--primary-color); color: var(--primary-color);
} }
ha-circular-progress { .flex.center {
width: 100%; display: flex;
justify-content: center; justify-content: center;
align-items: center;
} }
mwc-linear-progress { mwc-linear-progress {
margin-bottom: -8px; margin-bottom: -8px;

10
src/panels/config/integrations/dialog-add-integration.ts
View File

@ -449,7 +449,9 @@ class AddIntegrationDialog extends LitElement {
> >
</lit-virtualizer> </lit-virtualizer>
</mwc-list>` </mwc-list>`
: html`<ha-circular-progress indeterminate></ha-circular-progress>`} `; : html`<div class="flex center">
<ha-circular-progress indeterminate></ha-circular-progress>
</div>`} `;
} }
private _keyFunction = (integration: IntegrationListItem) => private _keyFunction = (integration: IntegrationListItem) =>
@ -682,10 +684,12 @@ class AddIntegrationDialog extends LitElement {
p > a { p > a {
color: var(--primary-color); color: var(--primary-color);
} }
ha-circular-progress { .flex.center {
width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
}
ha-circular-progress {
margin: 24px 0; margin: 24px 0;
} }
mwc-list { mwc-list {

2
src/panels/config/integrations/integration-panels/zha/zha-add-devices-page.ts
View File

@ -236,7 +236,7 @@ class ZHAAddDevicesPage extends LitElement {
color: var(--error-color); color: var(--error-color);
} }
ha-circular-progress { ha-circular-progress {
padding: 20px; margin: 20px;
} }
.searching { .searching {
margin-top: 20px; margin-top: 20px;

2
src/panels/lovelace/cards/hui-starting-card.ts
View File

@ -59,7 +59,7 @@ export class HuiStartingCard extends LitElement implements LovelaceCard {
height: calc(100vh - var(--header-height)); height: calc(100vh - var(--header-height));
} }
ha-circular-progress { ha-circular-progress {
padding-bottom: 20px; margin-bottom: 20px;
} }
.content { .content {
height: 100%; height: 100%;