added dead key indicator

This commit is contained in:
Jack 2020-10-28 17:12:49 +00:00
parent 6c7d027e32
commit fb7d93b9bb
2 changed files with 31 additions and 2 deletions

View file

@ -1518,6 +1518,16 @@ key {
user-select: none;
padding-bottom: 1em;
letter{
border-bottom-style: solid;
border-bottom-width: .05em;
border-bottom-color: transparent;
&.dead{
border-bottom-width: .05em;
border-bottom-color: var(--sub-color);
}
}
/* a little hack for right-to-left languages */
&.rightToLeftTest {
flex-direction: row-reverse;
@ -1540,6 +1550,10 @@ key {
.word {
color: var(--text-color);
& letter.dead{
border-bottom-color: var(--sub-color) !important;
}
& letter.correct {
color: var(--sub-color);
}
@ -1557,6 +1571,11 @@ key {
&.colorfulMode {
.word {
& letter.dead{
border-bottom-color: var(--main-color) !important;
}
& letter.correct {
color: var(--main-color);
}
@ -1584,6 +1603,10 @@ key {
.word {
color: var(--main-color);
& letter.dead{
border-bottom-color: var(--sub-color) !important;
}
& letter.correct {
color: var(--sub-color);
}

View file

@ -1623,7 +1623,7 @@ function countChars() {
}
function calculateStats() {
let testSeconds = roundTo2((testEnd - testStart) / 1000);
let testSeconds = (testEnd - testStart) / 1000;
// if (config.mode == "words" && config.difficulty == "normal") {
// if (inputHistory.length != wordsList.length) return;
@ -4518,7 +4518,6 @@ $(document).keydown(function (event) {
"Meta",
"Alt",
"AltGraph",
"Dead",
"CapsLock",
"Backspace",
"Enter",
@ -4542,6 +4541,13 @@ $(document).keydown(function (event) {
} else {
if (!testActive) return;
}
if (event.key === "Dead") {
playClickSound();
$(document.querySelector("#words .word.active").querySelectorAll("letter")[currentInput.length]).toggleClass('dead');
return;
}
let thisCharCorrect;
let nextCharInWord = wordsList[currentWordIndex].substring(