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

Improve entity not found tile card (#14711)

Browse Source
This commit is contained in:
Paul Bottein 2022-12-12 15:49:31 +01:00 committed by GitHub
parent b939978de1
commit 544272b4df
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/panels/lovelace/cards/hui-tile-card.ts
View File

@ -1,5 +1,5 @@
import { memoize } from "@fullcalendar/common";
import { mdiHelp } from "@mdi/js";
import { mdiExclamationThick, mdiHelp } from "@mdi/js";
import { HassEntity } from "home-assistant-js-websocket";
import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit";
import { customElement, property, state } from "lit/decorators";
@ -225,10 +225,21 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
if (!stateObj) {
return html`
<ha-card class="disabled">
<ha-card
style=${styleMap({
"--tile-color": `var(--rgb-disabled-color)`,
})}
>
<div class="tile">
<div class="icon-container">
<ha-tile-icon .iconPath=${mdiHelp}></ha-tile-icon>
<ha-tile-icon class="icon" .iconPath=${mdiHelp}></ha-tile-icon>
<ha-tile-badge
class="badge"
.iconPath=${mdiExclamationThick}
style=${styleMap({
"--tile-badge-background-color": `rgb(var(--rgb-red-color))`,
})}
></ha-tile-badge>
</div>
<ha-tile-info
.primary=${entityId}
@ -359,9 +370,6 @@ export class HuiTileCard extends LitElement implements LovelaceCard {
ha-card {
height: 100%;
}
ha-card.disabled {
background: rgba(var(--rgb-state-unavailable-color), 0.1);
}
[role="button"] {
cursor: pointer;
}