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

Fixed test highlight problem

Browse source
This commit is contained in:
Estebene 2021-05-15 18:46:40 +12:00
parent 55371371dc
commit 9db6de484a
2 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/js/account.js
View file

@ -271,7 +271,7 @@ function loadMoreLines(lineIndex) {
}
$(".pageAccount .history table tbody").append(`
<tr class="result-row" id="result-${i}">
<tr class="resultRow" id="result-${i}">
<td>${pb}</td>
<td>${result.wpm.toFixed(2)}</td>
<td>${raw}</td>
@ -838,7 +838,7 @@ $(".pageAccount #accountHistoryChart").click((e) => {
},
500
);
$(".result-row").removeClass("active");
$(".resultRow").removeClass("active");
$(`#result-${index}`).addClass("active");
});

19
src/sass/style.scss
View file

@ -3269,9 +3269,9 @@ key {
&.history {
.active {
background: var(--main-color);
color: var(--bg-color);
animation: flashHighlight 4s linear 0s 1;
}
.loadMoreButton {
background: rgba(0, 0, 0, 0.1);
color: var(--text-color);
@ -3934,3 +3934,18 @@ key {
}
}
}
@keyframes flashHighlight {
0% {
background-color: var(--bg-color);
}
10% {
background-color: var(--main-color);
}
40% {
background-color: var(--main-color);
}
100% {
background-color: var(--bg-color);
}
}