From da34daf5bd71fd3014cd9c97abe18bb9004203aa Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Sun, 20 Mar 2022 22:57:57 -0700
Subject: [PATCH] Fix fullscreen bug.

---
 src/components/thumbnail-carousel.ts | 2 +-
 src/scss/thumbnail-carousel.scss     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/thumbnail-carousel.ts b/src/components/thumbnail-carousel.ts
index e0ab4225..35bcfc2a 100644
--- a/src/components/thumbnail-carousel.ts
+++ b/src/components/thumbnail-carousel.ts
@@ -44,7 +44,7 @@ export class FrigateCardThumbnailCarousel extends FrigateCardCarousel {
   set highlight_selected(value: boolean) {
     this.style.setProperty(
       '--frigate-card-carousel-thumbnail-opacity',
-      value ? '0.6' : '1.0',
+      value ? '0.4' : '1.0',
     );
   }
 
diff --git a/src/scss/thumbnail-carousel.scss b/src/scss/thumbnail-carousel.scss
index d98c7bed..f34aca5d 100644
--- a/src/scss/thumbnail-carousel.scss
+++ b/src/scss/thumbnail-carousel.scss
@@ -1,5 +1,9 @@
 :host {
   --frigate-card-carousel-thumbnail-opacity: 0.8;
+
+  // In fullscreen mode, without explicitly setting the height to auto Chrome
+  // will construct a stylesheet with 100% height.
+  height: auto;
 }
 
 .embla__slide {