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

fixed timernumber centering

Browse source
This commit is contained in:
Jack 2020-09-04 21:11:24 +01:00
parent ee0d65c6fd
commit 534c2d680a
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
public/css/style.scss
View file

@ -718,6 +718,11 @@ a:hover {
}
#timerNumber {
width: 0;
height: 0;
margin: 0 auto;
display: grid;
justify-content: center;
bottom: 6rem;
transition: none;
}

2
public/index.html
View file

@ -1001,7 +1001,7 @@
<i class="fas fa-copy"></i>
</span>
</div>
<div id="timerNumber">60</div>
<div id="timerNumber"><div>60</div></div>
<div id="miniTimerAndLiveWpm">
<div class="time hidden">1:00</div>
<div class="wpm">60</div>

4
public/js/script.js
View file

@ -1092,7 +1092,7 @@ function updateTimer() {
// }
// }
let displayTime = secondsToString(config.time - time);
$("#timerNumber").html(displayTime);
$("#timerNumber").html("<div>"+displayTime+"</div>");
// $("#timerNumber").html(config.time - time);
} else if (config.timerStyle === "mini") {
let displayTime = secondsToString(config.time - time);
@ -1136,7 +1136,7 @@ function updateTimer() {
outof = customText.length;
}
}
$("#timerNumber").html(`${inputHistory.length}/${outof}`);
$("#timerNumber").html("<div>"+`${inputHistory.length}/${outof}`+"</div>");
// $("#timerNumber").html(config.time - time);
} else if (config.timerStyle === "mini") {
let outof = wordsList.length;