mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2025-02-02 12:00:10 +08:00
added dead key indicator
This commit is contained in:
parent
6c7d027e32
commit
fb7d93b9bb
2 changed files with 31 additions and 2 deletions
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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(
|
||||
|
|
Loading…
Reference in a new issue