Attack mechanism no longer highlighted on hover

ScottLogic · Aug 3, 2023 · 64ae18f · 64ae18f
1 parent ca3d271
commit 64ae18f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/frontend/src/components/DefenceBox/DefenceMechanism.css b/frontend/src/components/DefenceBox/DefenceMechanism.css
@@ -2,6 +2,13 @@
   background-color: #eef;
 }
 
+.defence-mechanism:hover {
+  border-color: #444;
+  border-width: 2px;
+  margin: 0px;
+  margin-bottom: 7px;
+}
+
 @keyframes flash-red-active {
   0% {
     background-color: #eef;

diff --git a/frontend/src/components/DefenceBox/DefenceMechanism.jsx b/frontend/src/components/DefenceBox/DefenceMechanism.jsx
@@ -13,8 +13,8 @@ function DefenceMechanism(props) {
       <div
         className={
           props.isActive
-            ? "strategy-mechanism defence-active"
-            : "strategy-mechanism"
+            ? "strategy-mechanism defence-mechanism defence-active"
+            : "strategy-mechanism defence-mechanism"
         }
         style={
           props.isTriggered

diff --git a/frontend/src/components/StrategyBox/StrategyMechanism.css b/frontend/src/components/StrategyBox/StrategyMechanism.css
@@ -9,13 +9,6 @@
   cursor: default;
 }
 
-.strategy-mechanism:hover {
-  border-color: #444;
-  border-width: 2px;
-  margin: 0px;
-  margin-bottom: 7px;
-}
-
 .strategy-mechanism-header {
   display: flex;
   justify-content: space-between;