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 */