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

This commit is contained in:
Dermot Duffy
2021-08-27 21:53:10 -07:00
parent 95e8e2203f
commit eddad1e7a3
2 changed files with 3 additions and 3 deletions
+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 */