Move integration sections into their own container (#17078)

This commit is contained in:
Bram Kragten 2023-06-28 16:58:32 +02:00 committed by GitHub
parent ce88c594b7
commit 6fea7a7106
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -376,10 +376,9 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
</search-input> </search-input>
</div> </div>
`} `}
${this._showIgnored
<div class="container"> ? html`<div class="container">
${this._showIgnored ${ignoredConfigEntries.map(
? ignoredConfigEntries.map(
(entry: ConfigEntryExtended) => html` (entry: ConfigEntryExtended) => html`
<ha-ignored-config-entry-card <ha-ignored-config-entry-card
.hass=${this.hass} .hass=${this.hass}
@ -388,10 +387,12 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
@change=${this._handleFlowUpdated} @change=${this._handleFlowUpdated}
></ha-ignored-config-entry-card> ></ha-ignored-config-entry-card>
` `
) )}
: ""} </div>`
${configEntriesInProgress.length : ""}
? configEntriesInProgress.map( ${configEntriesInProgress.length
? html`<div class="container">
${configEntriesInProgress.map(
(flow: DataEntryFlowProgressExtended) => html` (flow: DataEntryFlowProgressExtended) => html`
<ha-config-flow-card <ha-config-flow-card
.hass=${this.hass} .hass=${this.hass}
@ -400,10 +401,12 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
@change=${this._handleFlowUpdated} @change=${this._handleFlowUpdated}
></ha-config-flow-card> ></ha-config-flow-card>
` `
) )}
: ""} </div>`
${this._showDisabled : ""}
? disabledConfigEntries.map( ${this._showDisabled
? html`<div class="container">
${disabledConfigEntries.map(
(entry: ConfigEntryExtended) => html` (entry: ConfigEntryExtended) => html`
<ha-disabled-config-entry-card <ha-disabled-config-entry-card
.hass=${this.hass} .hass=${this.hass}
@ -412,8 +415,10 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
.entityRegistryEntries=${this._entityRegistryEntries} .entityRegistryEntries=${this._entityRegistryEntries}
></ha-disabled-config-entry-card> ></ha-disabled-config-entry-card>
` `
) )}
: ""} </div>`
: ""}
<div class="container">
${integrations.length ${integrations.length
? integrations.map( ? integrations.map(
([domain, items]) => ([domain, items]) =>
@ -744,6 +749,8 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 16px 16px; grid-gap: 16px 16px;
padding: 8px 16px 16px; padding: 8px 16px 16px;
}
.container:last-of-type {
margin-bottom: 64px; margin-bottom: 64px;
} }
.container > * { .container > * {