Fixed the little lag with the backdrop filter change

HasangerGames · May 30, 2024 · d333837 · d333837
1 parent 48026d3
commit d333837
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/client/src/scripts/ui.ts b/client/src/scripts/ui.ts
@@ -395,14 +395,6 @@ export async function setUpUI(game: Game): Promise<void> {
             const data = JSON.parse(message.data) as CustomTeamMessage;
             switch (data.type) {
                 case CustomTeamMessages.Join: {
-
-                    // ----------------------------------------------
-                    // Added.
-                    // ----------------------------------------------
-                    $("#splash-ui").css("filter", "brightness(0.6)");
-                    $("#splash-ui").css("pointer-events", "none");
-                    // ----------------------------------------------
-
                     joinedTeam = true;
                     playerID = data.id;
                     teamID = data.teamID;
@@ -447,12 +439,12 @@ export async function setUpUI(game: Game): Promise<void> {
             resetPlayButtons();
             createTeamMenu.fadeOut(250);
 
-            // ----------------------------------------------
-            // Added. (Probably not needed here)
-            // ----------------------------------------------
+            // ---------------------------------------------------------
+            // Dimmed backdrop on team menu. (Probably not needed here)
+            // ---------------------------------------------------------
             $("#splash-ui").css("filter", "");
             $("#splash-ui").css("pointer-events", "");
-            // ----------------------------------------------
+            // ---------------------------------------------------------
         };
 
         teamSocket.onclose = (): void => {
@@ -474,14 +466,21 @@ export async function setUpUI(game: Game): Promise<void> {
             createTeamMenu.fadeOut(250);
 
             // ----------------------------------------------
-            // Added.
+            // Dimmed Backdrop on team menu.
             // ----------------------------------------------
             $("#splash-ui").css("filter", "");
             $("#splash-ui").css("pointer-events", "");
             // ----------------------------------------------
         };
 
         createTeamMenu.fadeIn(250);
+
+        // ----------------------------------------------
+        // Dimmed Backdrop on team menu.
+        // ----------------------------------------------
+        $("#splash-ui").css("filter", "brightness(0.6)");
+        $("#splash-ui").css("pointer-events", "none");
+        // ----------------------------------------------
     });
 
     $("#close-create-team").on("click", () => {