fix skip button focus mode

bcc-code · Aug 18, 2023 · f5c79ae · f5c79ae
1 parent f870dfb
commit f5c79ae
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/Experience/Extras/MultipleChoiceWithPicture.js b/src/Experience/Extras/MultipleChoiceWithPicture.js
@@ -84,6 +84,9 @@ export default class MultipleChoiceWithPicture {
               });
 
               instance.experience.navigation.next.disabled = false;
+              instance.experience.navigation.next.classList.remove(
+                "less-focused"
+              );
               instance.experience.navigation.next.classList.add("focused");
               instance.experience.navigation.next.innerHTML =
                 instance.experience.icons.next;
@@ -94,6 +97,9 @@ export default class MultipleChoiceWithPicture {
               htmlAnswers[correctIndex].parentNode.classList.add("correct");
 
               instance.experience.navigation.next.disabled = false;
+              instance.experience.navigation.next.classList.remove(
+                "less-focused"
+              );
               instance.experience.navigation.next.classList.add("focused");
               instance.experience.navigation.next.innerHTML =
                 instance.experience.icons.next;

diff --git a/src/Experience/Games/ChooseNewKing.js b/src/Experience/Games/ChooseNewKing.js
@@ -200,6 +200,7 @@ export default class ChooseNewKing {
       instance.toggleGodVoice();
 
       instance.experience.navigation.container.style.display = "flex";
+      instance.experience.navigation.next.classList.remove("less-focused");
       instance.experience.navigation.next.classList.add("focused");
       instance.experience.navigation.next.innerHTML =
         instance.experience.icons.next;
@@ -253,8 +254,8 @@ export default class ChooseNewKing {
   destroy() {
     document.querySelector(".game")?.remove();
 
-    instance.experience.navigation.next.classList.add("focused");
     instance.experience.navigation.next.classList.remove("less-focused");
+    instance.experience.navigation.next.classList.add("focused");
     instance.experience.navigation.next.innerHTML =
       instance.experience.icons.next;
   }

diff --git a/src/Experience/Games/FlipCards.js b/src/Experience/Games/FlipCards.js
@@ -149,6 +149,9 @@ export default class FlipCards {
 
             if (flippedCards.length == instance.data.cards.length) {
               instance.experience.navigation.container.style.display = "flex";
+              instance.experience.navigation.next.classList.remove(
+                "less-focused"
+              );
               instance.experience.navigation.next.classList.add("focused");
               instance.experience.navigation.next.innerHTML =
                 instance.experience.icons.next;

diff --git a/src/Experience/Games/MazeGame.js b/src/Experience/Games/MazeGame.js
@@ -112,7 +112,7 @@ export default class MazeGame {
                 <div class="game-popup">
                     <h1>${_s.miniGames.completed.title}</h1>
                     <div class="buttons">
-                        <button class="btn default focused">
+                        <button class="btn default focused" id="new-level">
                         ${_s.miniGames.nextRound}</button>
                     </div>
                 </div>