MNG-68-FixForFirstModeIndicator (#55)

* Style button for first mode * Style button for default mode * Add hover for mode buttons
lukaszdutka · Jan 17, 2021 · 98485ef · 98485ef
1 parent f0d5fdc
commit 98485ef
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/app/App.js b/src/app/App.js
@@ -68,6 +68,19 @@ export const App = ({options}) => {
       }  
    });
 
+   // Change color of mode button
+   switch(SELECTED_MODE) {
+      case WHO_IS_THAT_POKEMON:
+         changeColorOfClickedButton('#whoIsThatPokemonOption');
+         break;
+      case WHAT_DOES_THIS_POKEMON_LOOK_LIKE:
+         changeColorOfClickedButton('#whatItLooksLikeOption');
+         break;
+      case WHO_IS_THAT_POKEMON_HARD_MODE:
+         changeColorOfClickedButton('#whoIsThatPokemonHardModeOption');
+         break;
+   }
+
 
    //input (disabled "play" button when input name is empty)
    const inputName = document.querySelector('#enterYourNameInput');

diff --git a/styles/App.css b/styles/App.css
@@ -36,8 +36,8 @@ body {
 }
 
 .buttonWithText:hover {
-    background-color: var(--yellow);
-    color: var(--optionBlue);
+    background-color: var(--yellow) !important;
+    color: var(--optionBlue) !important;
 }
 
 .start-page {