From 0f1ae4d17a6b5d0dd8dc477a3445fadb05e082a6 Mon Sep 17 00:00:00 2001
From: Mashy <himesh.kapadia@gmail.com>
Date: Thu, 3 Oct 2019 15:21:19 +1000
Subject: [PATCH] background for active skills

---
 client/assets/styles/game.less         | 6 ++++++
 client/src/components/anims/wiggle.jsx | 2 +-
 client/src/components/skill.btn.jsx    | 3 +--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less
index 5e9586de..342350b6 100644
--- a/client/assets/styles/game.less
+++ b/client/assets/styles/game.less
@@ -116,6 +116,9 @@
             height: 2em;
             height: 25%;
         }
+        button.active {
+            background: #2c2c2c;
+        }
     }
 
     .effects {
@@ -337,6 +340,9 @@
                     padding: 0 0.5em ;
                     margin: 0;
                 }
+                button.active {
+                    background: #2c2c2c;
+                }
             }
 
             .stats div {
diff --git a/client/src/components/anims/wiggle.jsx b/client/src/components/anims/wiggle.jsx
index 995af86a..b11a69c3 100644
--- a/client/src/components/anims/wiggle.jsx
+++ b/client/src/components/anims/wiggle.jsx
@@ -6,7 +6,7 @@ function wiggle(id, idle) {
     const x = window.screen.width * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random());
     const y = window.screen.height * 0.01 * (Math.round(Math.random()) ? Math.random() : -Math.random());
 
-    console.log(x, y);
+    // console.log(x, y);
     return anime({
         targets: target,
         rotate: 0,
diff --git a/client/src/components/skill.btn.jsx b/client/src/components/skill.btn.jsx
index d1f39939..96ac70fe 100644
--- a/client/src/components/skill.btn.jsx
+++ b/client/src/components/skill.btn.jsx
@@ -55,7 +55,6 @@ function Skill(props) {
     // if (skillChosen && !targeting) {
     //     return false;
     // }
-
     const cdText = construct.skills[i].cd > 0
         ? `- ${s.cd}T`
         : '';
@@ -72,7 +71,7 @@ function Skill(props) {
     return (
         <button
             disabled={cdText || s.disabled || ko}
-            class={`construct-skill-btn ${(targeting || highlight) ? 'active' : ''}`}
+            class={`${(targeting || highlight) ? 'active' : ''}`}
             type="submit"
             onClick={onClick}>
             {s.skill} {cdText}