monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2025-02-04 13:01:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

fixed word restart transition not being smooth and sometimes not showing words at all

Browse source
This commit is contained in:
unknown 2020-05-20 15:57:54 +01:00
parent e5e2f3403c
commit 2aba723ac4
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
public/js/script.js
View file

@ -533,15 +533,7 @@ function showResult() {
wpmOverTimeChart.data.labels = labels;
wpmOverTimeChart.data.datasets[0].data = wpmHistory;
wpmOverTimeChart.update({ duration: 0 });
$("#words").animate({
opacity: 0
}, 125, () => {
$("#words").addClass('hidden');
$("#result").css('opacity', 0).removeClass('hidden');
$("#result").animate({
opacity: 1
}, 125);
})
swapElements($("#words"),$("#result"),250);
}
function restartTest() {
@ -552,8 +544,17 @@ function restartTest() {
hideCaret();
testActive = false;
hideLiveWpm();
$("#words").stop(true, true).animate({ opacity: 0 }, 125);
$("#result").stop(true, true).animate({
let el = null;
if($("#words").hasClass('hidden')){
//results are being displayed
el = $("#result");
}else if($("#result").hasClass('hidden')){
//words are being displayed
el = $("#words");
}
el.stop(true, true).animate({
opacity: 0
}, 125, () => {
initWords();