cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-16 02:18:16 -07:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4894 from vincent/bugfix/3901-paused-visualizer-animation

Browse Source 
Show a different icon when the player is paused
This commit is contained in:
Bill Thornton 2023-10-25 10:50:52 -04:00 committed by GitHub
commit 4882d9c8cc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/equalizer-paused.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 539 B

6
src/components/remotecontrol/remotecontrol.js
View File

@ -455,6 +455,11 @@ export default function () {
btnPlayPauseIcon.classList.remove('play_circle_filled', 'pause_circle_filled');
btnPlayPauseIcon.classList.add(isPaused ? 'play_circle_filled' : 'pause_circle_filled');
const playlistIndicator = context.querySelector('.playlistIndexIndicatorImage');
if (playlistIndicator) {
playlistIndicator.classList.toggle('playlistIndexIndicatorPausedImage', isPaused);
}
buttonVisible(btnPlayPause, isActive);
}
@ -525,6 +530,7 @@ export default function () {
if (img) {
img.classList.remove('lazy');
img.classList.add('playlistIndexIndicatorImage');
img.classList.toggle('playlistIndexIndicatorPausedImage', playbackManager.paused());
}
}

4
src/components/remotecontrol/remotecontrol.scss
View File

@ -452,6 +452,10 @@
display: none;
}
.playlistIndexIndicatorImage.playlistIndexIndicatorPausedImage {
background-image: url(../../assets/img/equalizer-paused.png) !important;
}
.hideVideoButtons .videoButton {
display: none;
}