Merge pull request #28 from dermotduffy/card-expands

Don't allow viewer/gallery over max 16/9 lovelace height.
This commit is contained in:
Dermot Duffy authored and GitHub committed 2021-08-28 19:54:56 -07:00
commit abde9bacda
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; /* Max Lovelace 16/9 video height */
} }
.frigate-card-gallery { .frigate-card-gallery {
overflow: auto; overflow: auto;
aspect-ratio: 16 / 9; max-height: 277px; /* Max Lovelace 16/9 video height */
-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 */