Add pulse animation for jammed state for lock (#14766)

This commit is contained in:
Paul Bottein 2022-12-14 11:35:41 +01:00 committed by GitHub
parent e768c78dce
commit 5faf7cf0af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 7 deletions

View File

@ -1,9 +1,10 @@
import { css } from "lit";
export const iconColorCSS = css`
ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="pending"],
ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="arming"],
ha-state-icon[data-active][data-domain="alarm_control_panel"][data-state="triggered"] {
ha-state-icon[data-domain="alarm_control_panel"][data-state="pending"],
ha-state-icon[data-domain="alarm_control_panel"][data-state="arming"],
ha-state-icon[data-domain="alarm_control_panel"][data-state="triggered"],
ha-state-icon[data-domain="lock"][data-state="jammed"] {
animation: pulse 1s infinite;
}

View File

@ -59,11 +59,9 @@ export class StateBadge extends LitElement {
}
const domain = stateObj ? computeStateDomain(stateObj) : undefined;
const active = this._stateColor && stateObj ? stateActive(stateObj) : false;
return html`<ha-state-icon
style=${styleMap(this._iconStyle)}
?data-active=${active}
data-domain=${ifDefined(domain)}
data-state=${ifDefined(stateObj?.state)}
.icon=${this.overrideIcon}

View File

@ -185,7 +185,6 @@ export class HuiButtonCard extends LitElement implements LovelaceCard {
? html`
<ha-state-icon
tabindex="-1"
?data-active=${active}
data-domain=${ifDefined(
stateObj ? computeStateDomain(stateObj) : undefined
)}

View File

@ -145,7 +145,6 @@ export class HuiEntityCard extends LitElement implements LovelaceCard {
<ha-state-icon
.icon=${this._config.icon}
.state=${stateObj}
?data-active=${active}
data-domain=${ifDefined(domain)}
data-state=${stateObj.state}
style=${styleMap({