From 7e1e2f6e7ee676ec1518ccd8a84461a1b728053d Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sat, 25 Jun 2022 17:19:51 -0700
Subject: [PATCH] Move elements to outside main pane.

---
 src/card.ts | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/card.ts b/src/card.ts
index aa000383..65066f9f 100644
--- a/src/card.ts
+++ b/src/card.ts
@@ -1789,6 +1789,26 @@ export class FrigateCard extends LitElement {
           this._message ? renderMessage(this._message) : ''
         }
       </div>
+      ${!this._message && this._getConfig().elements
+        ? // Elements need to render after the main views so it can render 'on
+          // top'.
+          html` <frigate-card-elements
+            ${ref(this._refElements)}
+            .hass=${this._hass}
+            .elements=${this._getConfig().elements}
+            .conditionState=${this._conditionState}
+            @frigate-card:menu-add=${(e) => {
+              this._addDynamicMenuButton(e.detail);
+            }}
+            @frigate-card:menu-remove=${(e) => {
+              this._removeDynamicMenuButton(e.detail);
+            }}
+            @frigate-card:condition-state-request=${(ev) => {
+              conditionStateRequestHandler(ev, this._conditionState);
+            }}
+          >
+          </frigate-card-elements>`
+        : ``}
       ${!renderMenuAbove ? this._renderMenu() : ''}
     </ha-card>`;
   }
@@ -1874,26 +1894,6 @@ export class FrigateCard extends LitElement {
             `
           : ``
       }
-      ${!this._message && this._getConfig().elements
-        ? // Elements need to render after the main views so it can render 'on
-          // top'.
-          html` <frigate-card-elements
-            ${ref(this._refElements)}
-            .hass=${this._hass}
-            .elements=${this._getConfig().elements}
-            .conditionState=${this._conditionState}
-            @frigate-card:menu-add=${(e) => {
-              this._addDynamicMenuButton(e.detail);
-            }}
-            @frigate-card:menu-remove=${(e) => {
-              this._removeDynamicMenuButton(e.detail);
-            }}
-            @frigate-card:condition-state-request=${(ev) => {
-              conditionStateRequestHandler(ev, this._conditionState);
-            }}
-          >
-          </frigate-card-elements>`
-        : ``}
     `;
   }