From fae4788000d45853d803e2e4d980d6649ee20851 Mon Sep 17 00:00:00 2001 From: wvffle Date: Thu, 21 Jul 2022 21:35:56 +0000 Subject: [PATCH] Even smoother progress animations --- front/src/store/player.ts | 2 +- front/src/style/components/_player.scss | 2 +- front/src/style/components/_queue.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/front/src/store/player.ts b/front/src/store/player.ts index 66104906f..ed3f83499 100644 --- a/front/src/store/player.ts +++ b/front/src/store/player.ts @@ -102,7 +102,7 @@ const store: Module = { return time.parse(Math.round(state.currentTime)) }, progress: state => { - return Math.round((state.currentTime / state.duration * 100) * 10) / 10 + return Math.min(state.currentTime / state.duration * 100, 100) } }, actions: { diff --git a/front/src/style/components/_player.scss b/front/src/style/components/_player.scss index 369a64fcc..5668455f7 100644 --- a/front/src/style/components/_player.scss +++ b/front/src/style/components/_player.scss @@ -46,7 +46,7 @@ } .ui.progress .bar { - transition: transform .1s linear; + transition: none; width: 100%; transform: scaleX(0); transform-origin: top left; diff --git a/front/src/style/components/_queue.scss b/front/src/style/components/_queue.scss index 2f8185355..45f2eb6b7 100644 --- a/front/src/style/components/_queue.scss +++ b/front/src/style/components/_queue.scss @@ -171,7 +171,7 @@ margin: 0 auto; } .ui.progress .bar { - transition: transform .1s linear; + transition: none; width: 100%; transform: scaleX(0); transform-origin: top left;