Allow chevrons, thumbnails or no media controls.

2021-09-06 16:03:51 -07:00
parent 2fa928467e
commit 7bd7731811
9 changed files with 137 additions and 85 deletions
@@ -0,0 +1,40 @@
+@use './common.scss';
+
+.frigate-card-menu {
+  z-index: 1;
+  height: 46px;
+  overflow: hidden;
+  /* Menu div itself does not handle click events. Without this, in overlay
+     mode, the menu div prevents clicking on gallery items 'behind' the overlay.
+     */
+  pointer-events: none;
+}
+.frigate-card-menu.overlay-hidden {
+  position: absolute;
+  width: 46px;
+}
+.frigate-card-menu.overlay-hidden.left {
+  left: 0px;
+}
+.frigate-card-menu.overlay-hidden.right {
+  right: 0px;
+}
+.frigate-card-menu.overlay-hidden.top {
+  top: 0px;
+}
+.frigate-card-menu.overlay-hidden.bottom {
+  bottom: 0px;
+}
+.frigate-card-menu.overlay-hidden.expanded-horizontal {
+  width: 100%;
+  background: linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0));
+}
+.frigate-card-menu.overlay-hidden.expanded-vertical {
+  height: 100%;
+  background: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0));
+}
+/* Full above/below menu */
+.frigate-card-menu.full {
+  width: 100%;
+  background: var(--secondary-background-color);
+}