From 9c58dd7f6e8203b95ec02e0dafec378faeacd5ae Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Thu, 30 Sep 2021 10:07:32 -0400 Subject: [PATCH 1/5] Fix audio player overlapping on small screens --- src/components/remotecontrol/remotecontrol.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index 4081c68c5c..175c4b1dce 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -327,8 +327,13 @@ } .nowPlayingPageImageContainer { + flex-grow: 1; + flex-shrink: 1; width: 100%; - margin: auto auto 0.5em; + min-height: 0; + margin: 0 auto 0.5em; + display: flex; + align-items: center; } .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon { @@ -337,7 +342,9 @@ } .nowPlayingInfoControls { - margin: 0.5em 0 1em 0; + flex-grow: 0; + flex-shrink: 1; + margin: 0.5em 0 0; width: 100%; -webkit-box-pack: start !important; -webkit-justify-content: start !important; @@ -400,7 +407,9 @@ } .nowPlayingPageImage.nowPlayingPageImageAudio { - width: 100%; + width: auto; + max-width: 100%; + max-height: 100%; } .nowPlayingPageImageContainer.nowPlayingPageImagePoster { From adfe891085be165ed6db51bd21bf17cc1ab5ae80 Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Wed, 23 Feb 2022 01:01:14 -0500 Subject: [PATCH 2/5] Remove commented styles --- src/components/remotecontrol/remotecontrol.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index 175c4b1dce..3248e7b310 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -297,7 +297,6 @@ } .nowPlayingPageTitle { - /* text-align: center; */ margin: 0; } @@ -318,7 +317,6 @@ } .nowPlayingInfoButtons { - /* margin: 1.5em 0 0 0; */ -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; @@ -400,7 +398,6 @@ } .nowPlayingPageImage { - /* width: inherit; */ overflow-y: hidden; overflow: hidden; margin: 0 auto; From 68f7002ca82b7064c857c4631261d06b79551535 Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Fri, 25 Feb 2022 01:40:54 -0500 Subject: [PATCH 3/5] Fix remote control movie poster size --- src/components/remotecontrol/remotecontrol.scss | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index 3248e7b310..42cd6a8f16 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -325,13 +325,15 @@ } .nowPlayingPageImageContainer { + display: flex; + flex-direction: column; flex-grow: 1; flex-shrink: 1; + align-items: center; + justify-content: center; width: 100%; min-height: 0; margin: 0 auto 0.5em; - display: flex; - align-items: center; } .nowPlayingPageImageContainerNoAlbum .cardImageContainer .cardImageIcon { @@ -403,17 +405,13 @@ margin: 0 auto; } - .nowPlayingPageImage.nowPlayingPageImageAudio { + .nowPlayingPageImage.nowPlayingPageImageAudio, + .nowPlayingPageImageContainer.nowPlayingPageImagePoster { width: auto; max-width: 100%; max-height: 100%; } - .nowPlayingPageImageContainer.nowPlayingPageImagePoster { - height: 50%; - overflow: hidden; - } - .nowPlayingPageImageContainer.nowPlayingPageImagePoster img { height: 100%; width: auto; From 7ad5614795edae27f939dac33850b80def148b4c Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Fri, 25 Feb 2022 17:18:37 -0500 Subject: [PATCH 4/5] Fix poster view in remote control component --- src/components/remotecontrol/remotecontrol.js | 10 +++------- .../remotecontrol/remotecontrol.scss | 20 +++++++------------ 2 files changed, 10 insertions(+), 20 deletions(-) diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js index 38eb27a2ba..cbcb902726 100644 --- a/src/components/remotecontrol/remotecontrol.js +++ b/src/components/remotecontrol/remotecontrol.js @@ -248,13 +248,9 @@ function setImageUrl(context, state, url) { if (url) { imgContainer.innerHTML = ''; - if (item.Type == 'Audio') { - context.querySelector('.nowPlayingPageImage').classList.add('nowPlayingPageImageAudio'); - context.querySelector('.nowPlayingPageImageContainer').classList.remove('nowPlayingPageImageAudio'); - } else { - context.querySelector('.nowPlayingPageImageContainer').classList.add('nowPlayingPageImagePoster'); - context.querySelector('.nowPlayingPageImage').classList.remove('nowPlayingPageImageAudio'); - } + + context.querySelector('.nowPlayingPageImage').classList.toggle('nowPlayingPageImageAudio', item.Type === 'Audio'); + context.querySelector('.nowPlayingPageImage').classList.toggle('nowPlayingPageImagePoster', item.Type !== 'Audio'); } else { imgContainer.innerHTML = '
'; } diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index 42cd6a8f16..50656e2d96 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -145,7 +145,7 @@ width: 100%; -webkit-box-shadow: 0 0 1.9vh #000; box-shadow: 0 0 1.9vh #000; - border: 0.1em solid #222; + border-radius: 0.2em; user-select: none; -moz-user-select: none; -webkit-user-drag: none; @@ -321,7 +321,6 @@ -webkit-justify-content: center; justify-content: center; font-size: 1.5em; - height: 100%; } .nowPlayingPageImageContainer { @@ -403,18 +402,13 @@ overflow-y: hidden; overflow: hidden; margin: 0 auto; - } - .nowPlayingPageImage.nowPlayingPageImageAudio, - .nowPlayingPageImageContainer.nowPlayingPageImagePoster { - width: auto; - max-width: 100%; - max-height: 100%; - } - - .nowPlayingPageImageContainer.nowPlayingPageImagePoster img { - height: 100%; - width: auto; + &.nowPlayingPageImageAudio, + &.nowPlayingPageImagePoster { + width: auto; + max-width: 100%; + max-height: 100%; + } } .playlistSectionButton .volumecontrol { From 0a0671d96556adcfa10bc9783d8012c78d197485 Mon Sep 17 00:00:00 2001 From: Bill Thornton Date: Mon, 28 Feb 2022 01:39:12 -0500 Subject: [PATCH 5/5] Remove unused styles --- src/components/remotecontrol/remotecontrol.scss | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index 50656e2d96..aa1823fc3f 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -398,17 +398,11 @@ font-size: 2em; } - .nowPlayingPageImage { - overflow-y: hidden; - overflow: hidden; - margin: 0 auto; - - &.nowPlayingPageImageAudio, - &.nowPlayingPageImagePoster { - width: auto; - max-width: 100%; - max-height: 100%; - } + .nowPlayingPageImage.nowPlayingPageImageAudio, + .nowPlayingPageImage.nowPlayingPageImagePoster { + width: auto; + max-width: 100%; + max-height: 100%; } .playlistSectionButton .volumecontrol {