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 zen scrolling

Browse source
This commit is contained in:
Miodec 2021-02-13 19:10:29 +00:00
parent 3a227b44f0
commit 4d4987a5b0
1 changed files with 32 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
src/js/script.js
View file

@ -692,12 +692,14 @@ async function initWords() {
} else {
$("#words").removeClass("withLigatures");
}
if (config.mode == "zen") {
// Creating an empty active word element for zen mode
$("#words").append('<div class="word active"></div>');
} else {
showWords();
}
// if (config.mode == "zen") {
// // Creating an empty active word element for zen mode
// $("#words").append('<div class="word active"></div>');
// $("#words").css("height", "auto");
// $("#wordsWrapper").css("height", "auto");
// } else {
showWords();
// }
}
function arrangeCharactersRightToLeft() {
@ -1015,22 +1017,28 @@ function showWords() {
let wordsHTML = "";
let newlineafter = false;
for (let i = 0; i < wordsList.length; i++) {
newlineafter = false;
wordsHTML += `<div class='word'>`;
for (let c = 0; c < wordsList[i].length; c++) {
if (wordsList[i].charAt(c) === "\t") {
wordsHTML += `<letter class='tabChar'><i class="fas fa-long-arrow-alt-right"></i></letter>`;
} else if (wordsList[i].charAt(c) === "\n") {
newlineafter = true;
wordsHTML += `<letter class='nlChar'><i class="fas fa-angle-down"></i></letter>`;
} else {
wordsHTML += "<letter>" + wordsList[i].charAt(c) + "</letter>";
if (config.mode !== "zen") {
for (let i = 0; i < wordsList.length; i++) {
newlineafter = false;
wordsHTML += `<div class='word'>`;
for (let c = 0; c < wordsList[i].length; c++) {
if (wordsList[i].charAt(c) === "\t") {
wordsHTML += `<letter class='tabChar'><i class="fas fa-long-arrow-alt-right"></i></letter>`;
} else if (wordsList[i].charAt(c) === "\n") {
newlineafter = true;
wordsHTML += `<letter class='nlChar'><i class="fas fa-angle-down"></i></letter>`;
} else {
wordsHTML += "<letter>" + wordsList[i].charAt(c) + "</letter>";
}
}
wordsHTML += "</div>";
if (newlineafter) wordsHTML += "<div class='newline'></div>";
}
wordsHTML += "</div>";
if (newlineafter) wordsHTML += "<div class='newline'></div>";
} else {
wordsHTML =
'<div class="word">word height</div><div class="word active"></div>';
}
$("#words").html(wordsHTML);
$("#wordsWrapper").removeClass("hidden");
@ -1060,6 +1068,10 @@ function showWords() {
$(".outOfFocusWarning").css("line-height", wordHeight * 3 + "px");
}
if (config.mode === "zen") {
$(document.querySelector(".word")).remove();
}
if (config.keymapMode === "next") {
updateHighlightedKeymapKey();
}
@ -5717,7 +5729,7 @@ function handleAlpha(event) {
document.querySelectorAll("#words .word")[currentWordElementIndex - 1]
.offsetTop
);
lineJump(currentTop);
if (!config.showAllLines) lineJump(currentTop);
} else {
currentInput = currentInput.slice(0, -1);
updateWordElement(!config.blindMode);