Add the state as a classname to <ha-card> for hacking the card with c…

…ard-mod
nervetattoo · Feb 11, 2020 · 9f0a92c · 9f0a92c
1 parent 8bb3a3d
commit 9f0a92c
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -378,8 +378,9 @@ class SimpleThermostat extends LitElement {
     const stepLayout = this.config.step_layout || 'column'
     const row = stepLayout === 'row'
 
+    const classes = [!this.name && 'no-header', action].filter(cx => !!cx)
     return html`
-      <ha-card class="${this.name ? '' : 'no-header'}">
+      <ha-card class="${classes.join(' ')}">
         ${this.renderHeader()}
         <section class="body">
           <div class="sensors">