MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Even smoother progress animations

This commit is contained in:
wvffle 2022-07-21 21:35:56 +00:00 committed by Georg Krause
parent 6b179885ce
commit fae4788000
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/store/player.ts
View File

@ -102,7 +102,7 @@ const store: Module<State, RootState> = {
return time.parse(Math.round(state.currentTime)) return time.parse(Math.round(state.currentTime))
}, },
progress: state => { progress: state => {
return Math.round((state.currentTime / state.duration * 100) * 10) / 10 return Math.min(state.currentTime / state.duration * 100, 100)
} }
}, },
actions: { actions: {

2
front/src/style/components/_player.scss
View File

@ -46,7 +46,7 @@
} }
.ui.progress .bar { .ui.progress .bar {
transition: transform .1s linear; transition: none;
width: 100%; width: 100%;
transform: scaleX(0); transform: scaleX(0);
transform-origin: top left; transform-origin: top left;

2
front/src/style/components/_queue.scss
View File

@ -171,7 +171,7 @@
margin: 0 auto; margin: 0 auto;
} }
.ui.progress .bar { .ui.progress .bar {
transition: transform .1s linear; transition: none;
width: 100%; width: 100%;
transform: scaleX(0); transform: scaleX(0);
transform-origin: top left; transform-origin: top left;