Respect prefers-reduced-motion browser configuration (#2090)

Signed-off-by: Gil Desmarais <git@desmarais.de> Signed-off-by: Gil Desmarais <git@desmarais.de>
2023-01-15 00:42:23 +01:00 · 2023-01-15 00:42:23 +01:00 · aa21a2a305
parent e3496c7eea
commit aa21a2a305
1 changed files with 5 additions and 0 deletions
--- a/ui/src/audioplayer/styles.js
+++ b/ui/src/audioplayer/styles.js
@ -32,6 +32,11 @@ const useStyle = makeStyles(
          display: 'none',
        },
      },
+      '@media (prefers-reduced-motion)': {
+        '& .music-player-panel .panel-content div.img-rotate': {
+          animation: 'none',
+        },
+      },
      '& .progress-bar-content': {
        display: 'flex',
        flexDirection: 'column',