From 141c9ea7a6720096f82061903ebd0e7010f56328 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Juraj=20Nyi=CC=81ri?= <jnyiri@sk.ibm.com>
Date: Fri, 1 Oct 2021 22:12:58 +0200
Subject: [PATCH] Fix: Bug introduced in 3.0.4 where opening an item opened it
 in small window

---
 dist/plex-meets-homeassistant.js | 5 +++--
 src/plex-meets-homeassistant.ts  | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js
index d87a8d6..2c43eee 100644
--- a/dist/plex-meets-homeassistant.js
+++ b/dist/plex-meets-homeassistant.js
@@ -22092,8 +22092,6 @@ class PlexMeetsHomeAssistant extends HTMLElement {
             this.content.innerHTML = this.loadCustomStyles();
             if (this.useHorizontalScroll) {
                 this.content.style.overflowX = 'auto';
-                this.content.style.zIndex = '1';
-                this.content.style.position = 'relative';
                 this.content.style.whiteSpace = 'nowrap';
             }
             if (this.error !== '') {
@@ -22368,6 +22366,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
             }
         };
         this.minimizeAll = () => {
+            // this.content.style.position = 'relative';
             this.detailsShown = false;
             if (this.activeMovieElem) {
                 this.activeMovieElem.style.display = `block`;
@@ -22988,12 +22987,14 @@ class PlexMeetsHomeAssistant extends HTMLElement {
             const contentbg = this.getElementsByClassName('contentbg');
             contentbg[0].style.zIndex = '2';
             contentbg[0].style.backgroundColor = 'rgba(0,0,0,0.9)';
+            contentbg[0].style.display = 'block';
         };
         this.hideBackground = () => {
             const contentbg = this.getElementsByClassName('contentbg')[0];
             contentbg.classList.remove('no-transparency');
             contentbg.style.zIndex = '1';
             contentbg.style.backgroundColor = 'rgba(0,0,0,0)';
+            contentbg.style.display = 'none';
             const contentArt = this.getElementsByClassName('contentArt')[0];
             contentArt.style.display = 'none';
         };
diff --git a/src/plex-meets-homeassistant.ts b/src/plex-meets-homeassistant.ts
index 76d30a9..73c051c 100644
--- a/src/plex-meets-homeassistant.ts
+++ b/src/plex-meets-homeassistant.ts
@@ -719,8 +719,6 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 		this.content.innerHTML = this.loadCustomStyles();
 		if (this.useHorizontalScroll) {
 			this.content.style.overflowX = 'auto';
-			this.content.style.zIndex = '1';
-			this.content.style.position = 'relative';
 			this.content.style.whiteSpace = 'nowrap';
 		}
 
@@ -1022,6 +1020,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 	};
 
 	minimizeAll = (): void => {
+		// this.content.style.position = 'relative';
 		this.detailsShown = false;
 		if (this.activeMovieElem) {
 			this.activeMovieElem.style.display = `block`;
@@ -1708,6 +1707,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 		const contentbg = this.getElementsByClassName('contentbg');
 		(contentbg[0] as HTMLElement).style.zIndex = '2';
 		(contentbg[0] as HTMLElement).style.backgroundColor = 'rgba(0,0,0,0.9)';
+		(contentbg[0] as HTMLElement).style.display = 'block';
 	};
 
 	hideBackground = (): void => {
@@ -1715,6 +1715,7 @@ class PlexMeetsHomeAssistant extends HTMLElement {
 		contentbg.classList.remove('no-transparency');
 		contentbg.style.zIndex = '1';
 		contentbg.style.backgroundColor = 'rgba(0,0,0,0)';
+		contentbg.style.display = 'none';
 		const contentArt = this.getElementsByClassName('contentArt')[0] as HTMLElement;
 		contentArt.style.display = 'none';
 	};