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

Make "loading next step" look like progress step in config flows (#27234)

Browse Source
This commit is contained in:
Petar Petrov
2025-09-29 10:19:18 +03:00
committed by GitHub
parent a0d2e7312b
commit e546cb3374
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/dialogs/config-flow/step-flow-loading.ts
View File

@@ -26,20 +26,21 @@ class StepFlowLoading extends LitElement {
this.step this.step
); );
return html` return html`
<div class="init-spinner"> <div class="content">
<ha-spinner size="large"></ha-spinner>
${description ? html`<div>${description}</div>` : ""} ${description ? html`<div>${description}</div>` : ""}
<ha-spinner></ha-spinner>
</div> </div>
`; `;
} }
static styles = css` static styles = css`
.init-spinner { .content {
margin-top: 0;
padding: 50px 100px; padding: 50px 100px;
text-align: center; text-align: center;
} }
ha-spinner { ha-spinner {
margin-top: 16px; margin-bottom: 16px;
} }
`; `;
} }

3
src/dialogs/config-flow/step-flow-progress.ts
View File

@@ -34,7 +34,7 @@ class StepFlowProgress extends LitElement {
)}%</ha-progress-ring )}%</ha-progress-ring
> >
` `
: html` <ha-spinner size="large"></ha-spinner> `} : html`<ha-spinner size="large"></ha-spinner>`}
${this.flowConfig.renderShowFormProgressDescription( ${this.flowConfig.renderShowFormProgressDescription(
this.hass, this.hass,
this.step this.step
@@ -48,6 +48,7 @@ class StepFlowProgress extends LitElement {
configFlowContentStyles, configFlowContentStyles,
css` css`
.content { .content {
margin-top: 0;
padding: 50px 100px; padding: 50px 100px;
text-align: center; text-align: center;
} }