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

fix: typed letters not visible in tts funbox if highlight=off (@fehmer) (#5496)

Browse source
This commit is contained in:
Christian Fehmer 2024-06-16 15:37:09 +02:00 • committed by GitHub
parent 120b660efc
commit 90e234f77a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/ts/test/test-ui.ts
View file

@ -790,12 +790,15 @@ export async function updateWordElement(
const funbox = FunboxList.get(Config.funbox).find(
(f) => f.functions?.getWordHtml
);
const isTts = FunboxList.get(Config.funbox).find((it) => it.name === "tts");
for (let i = 0; i < input.length; i++) {
const charCorrect = currentWord[i] === input[i];
let correctClass = "correct";
if (Config.highlightMode === "off") {
correctClass = "";
if (isTts) correctClass = "visible";
}
let currentLetter = currentWord[i] as string;

12
frontend/static/funbox/tts.css
View file

@ -5,3 +5,15 @@
#words .word {
color: transparent !important;
}
#words .word letter.visible {
color: var(--sub-color) !important;
}
#words.flipped .word letter.visible {
color: var(--text-color) !important;
}
#words.flipped.colorfulMode .word letter.visible {
color: var(--main-color) !important;
}