monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-09-22 16:26:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into newads

Browse source
This commit is contained in:
Miodec 2023-03-07 20:22:22 +01:00
parent e0ee312f22 a336bda8eb
commit d7503339d0
1 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -49,7 +49,9 @@ ConfigEvent.subscribe((eventKey, eventValue) => {
) {
debouncedZipfCheck();
}
if (eventKey === "fontSize") updateWordsHeight(true);
if (eventKey === "fontSize") {
Misc.sleep(0).then(() => updateWordsHeight(true));
}
if (eventValue === undefined || typeof eventValue !== "boolean") return;
if (eventKey === "flipTestColors") flipColors(eventValue);
@ -206,15 +208,19 @@ function updateWordsInputPosition(force = false): void {
"#words .active"
) as HTMLElement | null;
if (!shouldUpdate || !activeWord) {
const wordsWrapper = document.querySelector("#wordsWrapper") as HTMLElement;
el.style.top = wordsWrapper.offsetHeight / 2 + "px";
if (!activeWord) {
el.style.top = "0px";
el.style.left = "0px";
return;
}
el.style.top = activeWord.offsetTop + "px";
el.style.left = activeWord.offsetLeft + "px";
if (!shouldUpdate) {
el.style.top = activeWord.offsetHeight * 2 + "px";
el.style.left = "0px";
} else {
el.style.top = activeWord.offsetTop + "px";
el.style.left = activeWord.offsetLeft + "px";
}
}
function updateWordsHeight(force = false): void {
@ -286,9 +292,14 @@ function updateWordsHeight(force = false): void {
$("#words")
.css("height", finalWordsHeight + "px")
.css("overflow", "hidden")
.css("width", "100%")
.css("margin-left", "unset");
.css("overflow", "hidden");
if (Config.tapeMode !== "off") {
$("#words").css("width", "200%").css("margin-left", "50%");
} else {
$("#words").css("width", "100%").css("margin-left", "unset");
}
$("#wordsWrapper")
.css("height", finalWrapperHeight + "px")
.css("overflow", "hidden");