From 37eb866dea885da70cca4f15a6536e330a4ee1b4 Mon Sep 17 00:00:00 2001
From: Jack <bartnikjack@gmail.com>
Date: Tue, 19 May 2020 10:53:08 +0100
Subject: [PATCH] made the font size change transition smooter

---
 public/js/userconfig.js | 40 +++++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/public/js/userconfig.js b/public/js/userconfig.js
index 8857f5843..b6092d7d9 100644
--- a/public/js/userconfig.js
+++ b/public/js/userconfig.js
@@ -169,24 +169,26 @@ function changeFontSize(fontSize) {
     if (fontSize == null || fontSize == undefined) {
         fontSize = 1;
     }
-    config.fontSize = fontSize;
-    $("#words").removeClass('size125');
-    $("#caret").removeClass('size125');
-    $("#words").removeClass('size15');
-    $("#caret").removeClass('size15');
-    $("#words").removeClass('size2');
-    $("#caret").removeClass('size2');
+    $("#words").stop(true, true).animate({ opacity: 0 }, 125, e => {
+        config.fontSize = fontSize;
+        $("#words").removeClass('size125');
+        $("#caret").removeClass('size125');
+        $("#words").removeClass('size15');
+        $("#caret").removeClass('size15');
+        $("#words").removeClass('size2');
+        $("#caret").removeClass('size2');
 
-    if (fontSize == 125) {
-        $("#words").addClass('size125');
-        $("#caret").addClass('size125');
-    } else if (fontSize == 15) {
-        $("#words").addClass('size15');     
-        $("#caret").addClass('size15');     
-    } else if (fontSize == 2) {
-        $("#words").addClass('size2');
-        $("#caret").addClass('size2');
-    }
-    saveConfigToCookie();
-    restartTest();
+        if (fontSize == 125) {
+            $("#words").addClass('size125');
+            $("#caret").addClass('size125');
+        } else if (fontSize == 15) {
+            $("#words").addClass('size15');     
+            $("#caret").addClass('size15');     
+        } else if (fontSize == 2) {
+            $("#words").addClass('size2');
+            $("#caret").addClass('size2');
+        }
+        saveConfigToCookie();
+        restartTest();
+    });
 }
\ No newline at end of file