Use ha-list-item in config updates (#12922)

This commit is contained in:
Yosi Levy 2022-06-10 17:43:31 +03:00 committed by GitHub
parent 74d6a52fa9
commit e83af02410
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -1,6 +1,5 @@
import "@material/mwc-button/mwc-button"; import "@material/mwc-button/mwc-button";
import "@material/mwc-list/mwc-list"; import "@material/mwc-list/mwc-list";
import "@material/mwc-list/mwc-list-item";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property } from "lit/decorators"; import { customElement, property } from "lit/decorators";
import { fireEvent } from "../../../common/dom/fire_event"; import { fireEvent } from "../../../common/dom/fire_event";
@ -10,6 +9,7 @@ import "../../../components/ha-icon-next";
import type { UpdateEntity } from "../../../data/update"; import type { UpdateEntity } from "../../../data/update";
import type { HomeAssistant } from "../../../types"; import type { HomeAssistant } from "../../../types";
import "../../../components/ha-circular-progress"; import "../../../components/ha-circular-progress";
import "../../../components/ha-list-item";
@customElement("ha-config-updates") @customElement("ha-config-updates")
class HaConfigUpdates extends LitElement { class HaConfigUpdates extends LitElement {
@ -39,7 +39,7 @@ class HaConfigUpdates extends LitElement {
<mwc-list> <mwc-list>
${updates.map( ${updates.map(
(entity) => html` (entity) => html`
<mwc-list-item <ha-list-item
twoline twoline
graphic="avatar" graphic="avatar"
class=${entity.attributes.skipped_version ? "skipped" : ""} class=${entity.attributes.skipped_version ? "skipped" : ""}
@ -87,7 +87,7 @@ class HaConfigUpdates extends LitElement {
></ha-circular-progress>` ></ha-circular-progress>`
: html`<ha-icon-next slot="meta"></ha-icon-next>` : html`<ha-icon-next slot="meta"></ha-icon-next>`
: ""} : ""}
</mwc-list-item> </ha-list-item>
` `
)} )}
</mwc-list> </mwc-list>
@ -135,7 +135,7 @@ class HaConfigUpdates extends LitElement {
outline: none; outline: none;
text-decoration: underline; text-decoration: underline;
} }
mwc-list-item { ha-list-item {
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
} }