Merge pull request #621 from dermotduffy/hover-menu

Fix the hover menu

src/scss/card.scss

@@ -1,7 +1,7 @@
 :host {
   display: block;
 
-  // Anchor absolutes to the outer part of the card.
+  // Anchor absolutes to the outermost part of the card.
   position: relative;
 }
 
@@ -57,9 +57,13 @@ div.main::-webkit-scrollbar {
 frigate-card-menu[data-style='hover'] {
   z-index: 1;
   transition: opacity 0.5s ease;
+
+  // In hover mode, the full menu is responsive to the pointer (prevents the
+  // hover menu from disappearing when the cursor is between buttons).
+  pointer-events: all;
 }
 
-.outer + frigate-card-menu[data-style='hover'] {
+.main + frigate-card-menu[data-style='hover'] {
   opacity: 0;
 }
 frigate-card-menu[data-style='hover']:hover {