Don't allow viewer/gallery over max 16/9 lovelace height.

This commit is contained in:
Dermot Duffy committed 2021-08-27 21:53:10 -07:00
1 parent 95e8e2203f
commit eddad1e7a3
2 files changed
+3 -3

No files matched your search

+1 -1
View File
@@ -2,7 +2,7 @@
.frigate-card-menu-base { .frigate-card-menu-base {
z-index: 1; z-index: 1;
height: 56px; height: 56px;
overflow: hidden;
/* Menu div itself does not handle click events. Without this, in overlay /* Menu div itself does not handle click events. Without this, in overlay
mode, the menu div prevents clicking on gallery items 'behind' the overlay. mode, the menu div prevents clicking on gallery items 'behind' the overlay.
*/ */
+2 -2
View File
@@ -7,14 +7,14 @@
.frigate-card-viewer { .frigate-card-viewer {
width: 100%; width: 100%;
max-height: 277px;
} }
.frigate-card-gallery { .frigate-card-gallery {
overflow: auto; overflow: auto;
aspect-ratio: 16 / 9; max-height: 277px;
-ms-overflow-style: none; /* Hide scrollbar: IE and Edge */ -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */
scrollbar-width: none; /* Hide scrollbar: Firefox */ scrollbar-width: none; /* Hide scrollbar: Firefox */
max-height: 277px; /* Safari does not support aspect-ratio yet */
} }
/* Hide scrollbar for Chrome, Safari and Opera */ /* Hide scrollbar for Chrome, Safari and Opera */