flan/advanced-camera-card
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the hover menu.

Browse Source
This commit is contained in:
Dermot Duffy
2022-05-31 19:04:20 -07:00
parent 6728f10704
commit 58a33c010a
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
+8 -4
View File
@@ -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;
}
@@ -36,13 +36,13 @@ div.main {
div.main.triggered {
@keyframes warning-pulse {
0% {
border: solid 1px rgba(0,0,0,0);
border: solid 1px rgba(0, 0, 0, 0);
}
50% {
border: solid 1px var(--warning-color);
}
100% {
border: solid 1px rgba(0,0,0,0);
border: solid 1px rgba(0, 0, 0, 0);
}
}
animation: warning-pulse 5s infinite;
@@ -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 {