From afbc619827df3abc58916a4f3811c2bfa8254107 Mon Sep 17 00:00:00 2001 From: Tamion <70228790+notTamion@users.noreply.github.com> Date: Sun, 8 Dec 2024 10:17:08 +0100 Subject: [PATCH 1/2] impr: center mini stats when using tape mode --- frontend/src/ts/config.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/src/ts/config.ts b/frontend/src/ts/config.ts index 81d1c104215e..c9004b5c20c4 100644 --- a/frontend/src/ts/config.ts +++ b/frontend/src/ts/config.ts @@ -907,8 +907,11 @@ export function setTapeMode( return false; } - if (mode !== "off" && config.showAllLines) { + if (mode !== "off") { setShowAllLines(false, true); + $("#liveStatsMini").css("display", "flex").css("justify-content", "center"); + } else { + $("#liveStatsMini").css("display", "").css("justify-content", ""); } config.tapeMode = mode; From 14bd046d330f5d82089d43e16bfb770bd7ba2486 Mon Sep 17 00:00:00 2001 From: Tamion <70228790+notTamion@users.noreply.github.com> Date: Tue, 24 Dec 2024 13:32:40 +0100 Subject: [PATCH 2/2] move to event subscriber --- frontend/src/ts/config.ts | 5 +---- frontend/src/ts/test/test-ui.ts | 4 ++++ 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/frontend/src/ts/config.ts b/frontend/src/ts/config.ts index c9004b5c20c4..81d1c104215e 100644 --- a/frontend/src/ts/config.ts +++ b/frontend/src/ts/config.ts @@ -907,11 +907,8 @@ export function setTapeMode( return false; } - if (mode !== "off") { + if (mode !== "off" && config.showAllLines) { setShowAllLines(false, true); - $("#liveStatsMini").css("display", "flex").css("justify-content", "center"); - } else { - $("#liveStatsMini").css("display", "").css("justify-content", ""); } config.tapeMode = mode; diff --git a/frontend/src/ts/test/test-ui.ts b/frontend/src/ts/test/test-ui.ts index 542dd3afb5c1..83b7f65e6ea6 100644 --- a/frontend/src/ts/test/test-ui.ts +++ b/frontend/src/ts/test/test-ui.ts @@ -183,8 +183,12 @@ ConfigEvent.subscribe((eventKey, eventValue, nosave) => { if (eventKey === "tapeMode" && !nosave) { if (eventValue === "off") { $("#words").css("margin-left", "unset"); + $("#liveStatsMini").css("display", "").css("justify-content", ""); } else { scrollTape(); + $("#liveStatsMini") + .css("display", "flex") + .css("justify-content", "center"); } }