diff --git a/src/dialogs/more-info/components/lock/ha-more-info-lock-toggle.ts b/src/dialogs/more-info/components/lock/ha-more-info-lock-toggle.ts index f8a005002c..aafecef40d 100644 --- a/src/dialogs/more-info/components/lock/ha-more-info-lock-toggle.ts +++ b/src/dialogs/more-info/components/lock/ha-more-info-lock-toggle.ts @@ -7,6 +7,7 @@ import { TemplateResult, } from "lit"; import { customElement, property, state } from "lit/decorators"; +import { classMap } from "lit/directives/class-map"; import { styleMap } from "lit/directives/style-map"; import { domainIcon } from "../../../../common/entity/domain_icon"; import { stateColorCss } from "../../../../common/entity/state_color"; @@ -136,8 +137,6 @@ export class HaMoreInfoLockToggle extends LitElement { return html` + + `; } static get styles(): CSSResultGroup { return css` + @keyframes pulse { + 0% { + opacity: 1; + } + 50% { + opacity: 0; + } + 100% { + opacity: 1; + } + } ha-control-switch { height: 45vh; max-height: 320px; @@ -164,6 +184,9 @@ export class HaMoreInfoLockToggle extends LitElement { --control-switch-padding: 6px; --mdc-icon-size: 24px; } + .pulse { + animation: pulse 1s infinite; + } .buttons { display: flex; flex-direction: column;