diff --git a/features.js b/features.js index 819a395..8847420 100644 --- a/features.js +++ b/features.js @@ -486,6 +486,11 @@ panels = { "target": "toggleDarkMode", "default": true }, + { + "name": "Text Stays", + "target": "toggleTextFade", + "default": true + }, { "name": "Debug Log", "target": "debugLog", diff --git a/game.js b/game.js index 6e409c0..d182e35 100644 --- a/game.js +++ b/game.js @@ -38,6 +38,7 @@ let text_verbosity = "verbose"; let autoVerbose = true; +let textFade = false; let newline = " "; @@ -5331,6 +5332,19 @@ function updatePreview(name) { document.getElementById(name + "Preview").innerHTML = result; } +function toggleTextFade() { + const button = document.querySelector("#button-option-toggleTextFade"); + if (textFade) { + document.querySelectorAll(".log").forEach(log => log.style.setProperty("--fade-animation", "none")); + button.textContent = "Text Stays" + } else { + document.querySelectorAll(".log").forEach(log => log.style.setProperty("--fade-animation", "log-fade 10s linear")); + button.textContent = "Text Fades" + } + + textFade = !textFade; +} + function debugLog() { console.log("Your character settings:"); console.log(JSON.stringify(generateSettings()["settings"])); diff --git a/style.css b/style.css index 74917d3..0682db7 100644 --- a/style.css +++ b/style.css @@ -804,9 +804,12 @@ body.dark .meterLabel { user-select: none; } -#log > div, -#react-log > div { - animation: log-fade 10s linear; +.log { + --fade-animation: none; +} + +.log > div { + animation: var(--fade-animation); animation-fill-mode: forwards; }