diff --git a/horizontal-chat/script.js b/horizontal-chat/script.js index 931038c..bcf9fed 100644 --- a/horizontal-chat/script.js +++ b/horizontal-chat/script.js @@ -56,6 +56,8 @@ const showFourthwallAlerts = GetBooleanParam("showFourthwallAlerts", true); const furryMode = GetBooleanParam("furryMode", false); +const animationSpeed = GetIntParam("animationSpeed", 0.5); + // Set fonts for the widget document.body.style.fontFamily = font; document.body.style.fontSize = `${fontSize}px`; @@ -71,6 +73,9 @@ document.documentElement.style.setProperty('--background', `${background}${hexOp // Get a list of chatters to ignore const ignoreUserList = ignoreChatters.split(',').map(item => item.trim().toLowerCase()) || []; +// Set the animation speed +document.documentElement.style.setProperty('--animation-speed', `${animationSpeed}s`); + ///////////////////////// diff --git a/horizontal-chat/style.css b/horizontal-chat/style.css index d6b0c28..df354b7 100644 --- a/horizontal-chat/style.css +++ b/horizontal-chat/style.css @@ -109,12 +109,12 @@ li { } .slide-fade li { - transition: all 1s ease-out; - opacity: 1; + transition: all var(--animation-speed) ease-out; + /* opacity: 1; */ } .slide-fade li.show { - opacity: 1; + /* opacity: 1; */ } #IPutThisHereSoICanCalculateHowBigEachMessageIsSupposedToBeBeforeIAddItToTheMessageList {