diff --git a/src/assets/img/equalizer-paused.gif b/src/assets/img/equalizer-paused.gif new file mode 100644 index 0000000000..0c92e4e7df Binary files /dev/null and b/src/assets/img/equalizer-paused.gif differ diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js index b790edded4..f0a922c408 100644 --- a/src/components/remotecontrol/remotecontrol.js +++ b/src/components/remotecontrol/remotecontrol.js @@ -525,6 +525,7 @@ export default function () { if (img) { img.classList.remove('lazy'); img.classList.add('playlistIndexIndicatorImage'); + img.classList.toggle('playlistIndexIndicatorPausedImage', playbackManager.paused()); } } @@ -598,6 +599,7 @@ export default function () { function onPlayPauseStateChanged() { updatePlayPauseState(this.paused(), true); + onPlaylistUpdate(); } function onStateChanged(event, state) { diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index aa8714e8d3..caf90ed977 100644 --- a/src/components/remotecontrol/remotecontrol.scss +++ b/src/components/remotecontrol/remotecontrol.scss @@ -452,6 +452,10 @@ display: none; } +.playlistIndexIndicatorImage.playlistIndexIndicatorPausedImage { + background-image: url(../../assets/img/equalizer-paused.gif) !important; +} + .hideVideoButtons .videoButton { display: none; }