diff --git a/src/assets/img/equalizer-paused.png b/src/assets/img/equalizer-paused.png new file mode 100644 index 0000000000..cf2b033726 Binary files /dev/null and b/src/assets/img/equalizer-paused.png differ diff --git a/src/components/remotecontrol/remotecontrol.js b/src/components/remotecontrol/remotecontrol.js index b790edded4..0c6fe49823 100644 --- a/src/components/remotecontrol/remotecontrol.js +++ b/src/components/remotecontrol/remotecontrol.js @@ -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()); } } diff --git a/src/components/remotecontrol/remotecontrol.scss b/src/components/remotecontrol/remotecontrol.scss index aa8714e8d3..f6e9a82e50 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.png) !important; +} + .hideVideoButtons .videoButton { display: none; }