From 9b07ba47ccd0caaf08ff72f6eb44eaed255c9bbb Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 30 Apr 2021 15:07:38 +0300
Subject: [PATCH] Reverting back active cell effect

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/hotbar/hotbar-icon.scss | 6 +++++-
 src/renderer/components/hotbar/hotbar-menu.scss | 7 ++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/renderer/components/hotbar/hotbar-icon.scss b/src/renderer/components/hotbar/hotbar-icon.scss
index 1da432d568..b01c035a8a 100644
--- a/src/renderer/components/hotbar/hotbar-icon.scss
+++ b/src/renderer/components/hotbar/hotbar-icon.scss
@@ -14,7 +14,7 @@
     }
 
     &.active {
-      box-shadow: 0 0 0px 3px #ffffff;
+      box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #ffffff;
       transition: all 0s 0.8s;
     }
 
@@ -24,6 +24,10 @@
       }
     }
 
+    &.isDragging {
+      box-shadow: none;
+    }
+
     > .led {
       position: absolute;
       left: 3px;
diff --git a/src/renderer/components/hotbar/hotbar-menu.scss b/src/renderer/components/hotbar/hotbar-menu.scss
index ac3dc9fa68..88236a8c78 100644
--- a/src/renderer/components/hotbar/hotbar-menu.scss
+++ b/src/renderer/components/hotbar/hotbar-menu.scss
@@ -44,15 +44,16 @@
       background: var(--layoutBackground);
       border-radius: 6px;
       position: relative;
-      transform: translateZ(0); // Remove flickering artifacts
 
       &:hover {
         &:not(:empty) {
-          box-shadow: 0 0 0px 3px #ffffff1a;
+          box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #fff;
         }
       }
 
       &.animating {
+        transform: translateZ(0); // Remove flickering artifacts
+
         &:empty {
           animation: shake .6s cubic-bezier(.36,.07,.19,.97) both;
           transform: translate3d(0, 0, 0);
@@ -93,6 +94,6 @@
   }
 
   100% {
-    box-shadow: 0 0 0px 0px $clusterMenuBackground, 0 0 0px 3px #ffffff;
+    box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #ffffff;
   }
 }
\ No newline at end of file