monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-21 07:46:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

added pb difference to the crown balloon

Browse source
This commit is contained in:
Jack 2020-09-13 23:32:56 +01:00
parent 7816f03515
commit 86e4046a10
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
public/css/style.scss
View file

@ -1229,15 +1229,19 @@ key {
display: flex;
// margin-top: -0.5rem;
.crownWrapper {
width: 1.7rem;
overflow: hidden;
height: 1.7rem;
margin-left: 0.5rem;
// margin-top: 0.98rem;
margin-top: -0.5rem;
// .crownWrapper {
// width: 1.7rem;
// overflow: hidden;
// height: 1.7rem;
// margin-left: 0.5rem;
// // margin-top: 0.98rem;
// margin-top: -0.5rem;
.crown {
height: 1.7rem;
width: 1.7rem;
margin-left: 0.5rem;
font-size: 0.7rem;
line-height: 1.7rem;
background: var(--main-color);
@ -1248,7 +1252,7 @@ key {
width: 1.7rem;
height: 1.7rem;
}
}
// }
}
.bottom {

6
public/index.html
View file

@ -920,10 +920,10 @@
<div class="group wpm">
<div class="top">
wpm
<div class="crownWrapper">
<div class="crown"><i class="fas fa-crown"></i></div>
<div class="crown hidden" aria-label="" data-balloon-pos="up">
<i class="fas fa-crown"></i>
</div>
</div>
</div>
<div class="bottom" aria-label="" data-balloon-pos="up">-</div>
</div>
<div class="group acc">

9
public/js/script.js
View file

@ -1597,11 +1597,11 @@ function calculateStats() {
}
function hideCrown() {
$("#result .stats .wpm .crownWrapper").css("opacity", 0);
$("#result .stats .wpm .crownWrapper").css("opacity", 0).addClass('hidden');
}
function showCrown() {
$("#result .stats .wpm .crownWrapper").animate(
$("#result .stats .wpm .crown").removeClass('hidden').css('opacity','0').animate(
{
opacity: 1,
},
@ -1893,6 +1893,7 @@ function showResult(difficultyFailed = false) {
accountIconLoading(true);
let localPb = false;
let dontShowCrown = false;
let pbDiff = 0;
db_getLocalPB(
config.mode,
mode2,
@ -1912,9 +1913,13 @@ function showResult(difficultyFailed = false) {
}
if (lpb < stats.wpm) {
//new pb based on local
pbDiff = Math.abs(stats.wpm - lpb);
if (!dontShowCrown) {
hideCrown();
showCrown();
$("#result .stats .wpm .crown").attr('aria-label', '+' + roundTo2(pbDiff));
} else {
$("#result .stats .wpm .crown").attr('aria-label', '');
}
localPb = true;
}