mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Fix poster view in remote control component

Browse source
This commit is contained in:
Bill Thornton 2022-02-25 17:18:37 -05:00
parent 68f7002ca8
commit 7ad5614795
2 changed files with 10 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/remotecontrol/remotecontrol.js
View file

@ -248,13 +248,9 @@ function setImageUrl(context, state, url) {
if (url) { if (url) {
imgContainer.innerHTML = '<img class="nowPlayingPageImage" src="' + url + '" />'; imgContainer.innerHTML = '<img class="nowPlayingPageImage" src="' + url + '" />';
if (item.Type == 'Audio') {
context.querySelector('.nowPlayingPageImage').classList.add('nowPlayingPageImageAudio'); context.querySelector('.nowPlayingPageImage').classList.toggle('nowPlayingPageImageAudio', item.Type === 'Audio');
context.querySelector('.nowPlayingPageImageContainer').classList.remove('nowPlayingPageImageAudio'); context.querySelector('.nowPlayingPageImage').classList.toggle('nowPlayingPageImagePoster', item.Type !== 'Audio');
} else {
context.querySelector('.nowPlayingPageImageContainer').classList.add('nowPlayingPageImagePoster');
context.querySelector('.nowPlayingPageImage').classList.remove('nowPlayingPageImageAudio');
}
} else { } else {
imgContainer.innerHTML = '<div class="nowPlayingPageImageContainerNoAlbum"><button data-action="link" class="cardImageContainer coveredImage ' + cardBuilder.getDefaultBackgroundClass(item.Name) + ' cardContent cardContent-shadow itemAction"><span class="cardImageIcon material-icons album"></span></button></div>'; imgContainer.innerHTML = '<div class="nowPlayingPageImageContainerNoAlbum"><button data-action="link" class="cardImageContainer coveredImage ' + cardBuilder.getDefaultBackgroundClass(item.Name) + ' cardContent cardContent-shadow itemAction"><span class="cardImageIcon material-icons album"></span></button></div>';
} }

12
src/components/remotecontrol/remotecontrol.scss
View file

@ -145,7 +145,7 @@
width: 100%; width: 100%;
-webkit-box-shadow: 0 0 1.9vh #000; -webkit-box-shadow: 0 0 1.9vh #000;
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; user-select: none;
-moz-user-select: none; -moz-user-select: none;
-webkit-user-drag: none; -webkit-user-drag: none;
@ -321,7 +321,6 @@
-webkit-justify-content: center; -webkit-justify-content: center;
justify-content: center; justify-content: center;
font-size: 1.5em; font-size: 1.5em;
height: 100%;
} }
.nowPlayingPageImageContainer { .nowPlayingPageImageContainer {
@ -403,18 +402,13 @@
overflow-y: hidden; overflow-y: hidden;
overflow: hidden; overflow: hidden;
margin: 0 auto; margin: 0 auto;
}
.nowPlayingPageImage.nowPlayingPageImageAudio, &.nowPlayingPageImageAudio,
.nowPlayingPageImageContainer.nowPlayingPageImagePoster { &.nowPlayingPageImagePoster {
width: auto; width: auto;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
.nowPlayingPageImageContainer.nowPlayingPageImagePoster img {
height: 100%;
width: auto;
} }
.playlistSectionButton .volumecontrol { .playlistSectionButton .volumecontrol {