From eddad1e7a38b7fa1085711ef3522cba7e027d0b8 Mon Sep 17 00:00:00 2001 From: Dermot Duffy Date: Fri, 27 Aug 2021 21:53:10 -0700 Subject: [PATCH 1/2] Don't allow viewer/gallery over max 16/9 lovelace height. --- src/frigate-hass-card-menu.scss | 2 +- src/frigate-hass-card.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/frigate-hass-card-menu.scss b/src/frigate-hass-card-menu.scss index 2c84a482..a2a46c31 100644 --- a/src/frigate-hass-card-menu.scss +++ b/src/frigate-hass-card-menu.scss @@ -2,7 +2,7 @@ .frigate-card-menu-base { z-index: 1; height: 56px; - + 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. */ diff --git a/src/frigate-hass-card.scss b/src/frigate-hass-card.scss index 713b90c6..af0f16c7 100644 --- a/src/frigate-hass-card.scss +++ b/src/frigate-hass-card.scss @@ -7,14 +7,14 @@ .frigate-card-viewer { width: 100%; + max-height: 277px; } .frigate-card-gallery { overflow: auto; - aspect-ratio: 16 / 9; + max-height: 277px; -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */ scrollbar-width: none; /* Hide scrollbar: Firefox */ - max-height: 277px; /* Safari does not support aspect-ratio yet */ } /* Hide scrollbar for Chrome, Safari and Opera */ From 79a6c1774345f8017119cd4e375d2039c49c1f53 Mon Sep 17 00:00:00 2001 From: Dermot Duffy Date: Fri, 27 Aug 2021 21:55:34 -0700 Subject: [PATCH 2/2] Add comment. --- src/frigate-hass-card.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/frigate-hass-card.scss b/src/frigate-hass-card.scss index af0f16c7..c8d3bff4 100644 --- a/src/frigate-hass-card.scss +++ b/src/frigate-hass-card.scss @@ -7,12 +7,12 @@ .frigate-card-viewer { width: 100%; - max-height: 277px; + max-height: 277px; /* Max Lovelace 16/9 video height */ } .frigate-card-gallery { overflow: auto; - max-height: 277px; + max-height: 277px; /* Max Lovelace 16/9 video height */ -ms-overflow-style: none; /* Hide scrollbar: IE and Edge */ scrollbar-width: none; /* Hide scrollbar: Firefox */ }