diff --git a/dist/plex-meets-homeassistant.js b/dist/plex-meets-homeassistant.js index 79c73a1..328601e 100644 --- a/dist/plex-meets-homeassistant.js +++ b/dist/plex-meets-homeassistant.js @@ -20043,6 +20043,7 @@ class PlexMeetsHomeAssistant extends HTMLElement { this.error = `Plex server did not respond.
Details of the error: ${escapeHtml(err.message)}`; this.renderPage(); } + this.resizeBackground(); }; this.render = () => { this.previousPositions = []; @@ -20844,22 +20845,27 @@ class PlexMeetsHomeAssistant extends HTMLElement { } }; this.resizeBackground = () => { + console.log('resizeBackground'); if (this.seasonsElem && this.episodesElem && this.card) { const contentbg = this.getElementsByClassName('contentbg')[0]; - if (this.contentBGHeight === 0) { - this.contentBGHeight = getHeight(contentbg); - } + this.contentBGHeight = getHeight(contentbg); + console.log(contentbg); + console.log(this.contentBGHeight); const requiredSeasonBodyHeight = parseInt(this.seasonsElem.style.top.replace('px', ''), 10) + this.seasonsElem.scrollHeight; const requiredEpisodeBodyHeight = parseInt(this.episodesElem.style.top.replace('px', ''), 10) + this.episodesElem.scrollHeight; if (requiredSeasonBodyHeight > this.contentBGHeight && !this.seasonsElemHidden) { + console.log('1'); this.card.style.height = `${requiredSeasonBodyHeight + 16}px`; } else if (requiredEpisodeBodyHeight > this.contentBGHeight && !this.episodesElemHidden) { + console.log('2'); this.card.style.height = `${requiredEpisodeBodyHeight + 16}px`; } else { + console.log('3'); this.card.style.height = '100%'; } + console.log(getHeight(contentbg)); } }; this.showBackground = () => { diff --git a/src/plex-meets-homeassistant.ts b/src/plex-meets-homeassistant.ts index b6e61b0..fded5a5 100644 --- a/src/plex-meets-homeassistant.ts +++ b/src/plex-meets-homeassistant.ts @@ -236,6 +236,8 @@ class PlexMeetsHomeAssistant extends HTMLElement { this.error = `Plex server did not respond.
Details of the error: ${escapeHtml(err.message)}`; this.renderPage(); } + + this.resizeBackground(); }; render = (): void => { @@ -1135,23 +1137,28 @@ class PlexMeetsHomeAssistant extends HTMLElement { }; resizeBackground = (): void => { + console.log('resizeBackground'); if (this.seasonsElem && this.episodesElem && this.card) { const contentbg = this.getElementsByClassName('contentbg')[0] as HTMLElement; - if (this.contentBGHeight === 0) { - this.contentBGHeight = getHeight(contentbg); - } + this.contentBGHeight = getHeight(contentbg); + console.log(contentbg); + console.log(this.contentBGHeight); const requiredSeasonBodyHeight = parseInt(this.seasonsElem.style.top.replace('px', ''), 10) + this.seasonsElem.scrollHeight; const requiredEpisodeBodyHeight = parseInt(this.episodesElem.style.top.replace('px', ''), 10) + this.episodesElem.scrollHeight; if (requiredSeasonBodyHeight > this.contentBGHeight && !this.seasonsElemHidden) { + console.log('1'); this.card.style.height = `${requiredSeasonBodyHeight + 16}px`; } else if (requiredEpisodeBodyHeight > this.contentBGHeight && !this.episodesElemHidden) { + console.log('2'); this.card.style.height = `${requiredEpisodeBodyHeight + 16}px`; } else { + console.log('3'); this.card.style.height = '100%'; } + console.log(getHeight(contentbg)); } };