Added a hidden "Animation Speed" setting (defaults to 0.5s)

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`);
+
 
 
 /////////////////////////

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 {