Fix the hover menu.

This commit is contained in:
Dermot Duffy
2022-05-31 19:04:20 -07:00
parent 6728f10704
commit 58a33c010a
+6 -2
View File
@@ -1,7 +1,7 @@
:host { :host {
display: block; display: block;
// Anchor absolutes to the outer part of the card. // Anchor absolutes to the outermost part of the card.
position: relative; position: relative;
} }
@@ -57,9 +57,13 @@ div.main::-webkit-scrollbar {
frigate-card-menu[data-style='hover'] { frigate-card-menu[data-style='hover'] {
z-index: 1; z-index: 1;
transition: opacity 0.5s ease; 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; opacity: 0;
} }
frigate-card-menu[data-style='hover']:hover { frigate-card-menu[data-style='hover']:hover {