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
2021-08-28 19:54:56 -07:00
committed by GitHub
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; /* 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 */