From 569673fb9c0e351d93c0822bd6b08989118d74b3 Mon Sep 17 00:00:00 2001 From: Dermot Duffy Date: Mon, 27 Jun 2022 07:33:23 -0700 Subject: [PATCH] Fix the hover menu styling (again) --- src/card.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/card.ts b/src/card.ts index db5c5a40..281d6581 100644 --- a/src/card.ts +++ b/src/card.ts @@ -1767,6 +1767,9 @@ export class FrigateCard extends LitElement { this._getConfig().menu.style === 'outside' && this._getConfig().menu.position === 'top'; + // Caution: Keep the main div and the menu next to one another in order to + // ensure the hover menu styling continues to work. + return html` + ${!renderMenuAbove ? this._renderMenu() : ''} ${!this._message && this._getConfig().elements ? // Elements need to render after the main views so it can render 'on // top'. @@ -1826,7 +1830,6 @@ export class FrigateCard extends LitElement { > ` : ``} - ${!renderMenuAbove ? this._renderMenu() : ''} `; }