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

Make different types of items start on a new row

Browse Source
This commit is contained in:
Bram Kragten 2023-06-29 11:46:24 +02:00
parent 77d24f4129
commit 211eda6fbb
No known key found for this signature in database
GPG Key ID: FBE2DFDB363EF55B
1 changed files with 26 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/panels/config/integrations/ha-config-integrations-dashboard.ts
View File

@ -376,53 +376,52 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
</search-input> </search-input>
</div> </div>
`} `}
${this._showIgnored
? html`<div class="container"> <div class="container">
${ignoredConfigEntries.map( ${this._showIgnored
? ignoredConfigEntries.map(
(entry: ConfigEntryExtended) => html` (entry: ConfigEntryExtended) => html`
<ha-ignored-config-entry-card <ha-ignored-config-entry-card
class="ignored-item"
.hass=${this.hass} .hass=${this.hass}
.manifest=${this._manifests[entry.domain]} .manifest=${this._manifests[entry.domain]}
.entry=${entry} .entry=${entry}
@change=${this._handleFlowUpdated} @change=${this._handleFlowUpdated}
></ha-ignored-config-entry-card> ></ha-ignored-config-entry-card>
` `
)} )
</div>` : ""}
: ""} ${configEntriesInProgress.length
${configEntriesInProgress.length ? configEntriesInProgress.map(
? html`<div class="container">
${configEntriesInProgress.map(
(flow: DataEntryFlowProgressExtended) => html` (flow: DataEntryFlowProgressExtended) => html`
<ha-config-flow-card <ha-config-flow-card
class="in-progress-item"
.hass=${this.hass} .hass=${this.hass}
.manifest=${this._manifests[flow.handler]} .manifest=${this._manifests[flow.handler]}
.flow=${flow} .flow=${flow}
@change=${this._handleFlowUpdated} @change=${this._handleFlowUpdated}
></ha-config-flow-card> ></ha-config-flow-card>
` `
)} )
</div>` : ""}
: ""} ${this._showDisabled
${this._showDisabled ? disabledConfigEntries.map(
? html`<div class="container">
${disabledConfigEntries.map(
(entry: ConfigEntryExtended) => html` (entry: ConfigEntryExtended) => html`
<ha-disabled-config-entry-card <ha-disabled-config-entry-card
class="disabled-item"
.hass=${this.hass} .hass=${this.hass}
.entry=${entry} .entry=${entry}
.manifest=${this._manifests[entry.domain]} .manifest=${this._manifests[entry.domain]}
.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]) =>
html`<ha-integration-card html`<ha-integration-card
class="integration-item"
data-domain=${domain} data-domain=${domain}
.hass=${this.hass} .hass=${this.hass}
.domain=${domain} .domain=${domain}
@ -747,14 +746,19 @@ class HaConfigIntegrationsDashboard extends SubscribeMixin(LitElement) {
.container { .container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 16px 16px; grid-gap: 8px 8px;
padding: 8px 16px 16px; padding: 8px 16px 16px;
}
.container:last-of-type {
margin-bottom: 64px; margin-bottom: 64px;
} }
.container > * { .container > * {
max-width: 500px; max-width: 500px;
grid-column-start: 1;
}
.ignored-item ~ .ignored-item,
.in-progress-item ~ .in-progress-item,
.disabled-item ~ .disabled-item,
.integration-item ~ .integration-item {
grid-column-start: unset;
} }
.empty-message { .empty-message {
margin: auto; margin: auto;