Better handling of extra_styles

custom-cards · Apr 13, 2020 · 37bbd82 · 37bbd82
1 parent a8d1a37
commit 37bbd82
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/button-card.ts b/src/button-card.ts
@@ -632,10 +632,13 @@ class ButtonCard extends LitElement {
     );
     lockStyle = { ...lockStyle, ...lockStyleFromConfig };
 
-    const extraStyles = document.createElement('style');
-    extraStyles.innerHTML = this._config!.extra_styles
-      ? this._getTemplateOrValue(this._stateObj, this._config!.extra_styles)
-      : '';
+    const extraStyles = this._config!.extra_styles
+      ? html`
+          <style>
+            ${this._getTemplateOrValue(this._stateObj, this._config!.extra_styles)}
+          </style>
+        `
+      : html``;
     return html`
       ${extraStyles}
       <div id="aspect-ratio" style=${styleMap(aspectRatio)}>