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

Add support for a 'hover' menu.

Browse Source
This commit is contained in:
Dermot Duffy
2021-09-08 20:58:01 -07:00
parent 632fdb0079
commit 0e8e0d38c5
7 changed files with 45 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scss/card.scss
+12
View File
@@ -22,6 +22,18 @@
scrollbar-width: none; /* Hide scrollbar: Firefox */
}
/* Support the 'hover' menu mode. */
.hover-menu {
z-index: 1;
transition: all 0.5s ease;
}
.outer + .hover-menu {
opacity: 0.0;
}
.outer:hover + .hover-menu, .hover-menu:hover {
opacity: 1.0;
}
.frigate-card-contents img.media,video.media {
width: 100%;
}
src/scss/menu.scss
+3 -3
View File
@@ -13,16 +13,16 @@
position: absolute;
width: 46px;
}
.frigate-card-menu.overlay-hidden.left {
.frigate-card-menu.overlay-hidden.left, .frigate-card-menu.overlay-hidden.top {
left: 0px;
top: 0px;
}
.frigate-card-menu.overlay-hidden.right {
right: 0px;
}
.frigate-card-menu.overlay-hidden.top {
top: 0px;
}
.frigate-card-menu.overlay-hidden.bottom {
left: 0px;
bottom: 0px;
}
.frigate-card-menu.overlay-hidden.expanded-horizontal {