From b2ba3fc48802166b005a4a0d6c6159943a2fde52 Mon Sep 17 00:00:00 2001
From: fedorseliankin <100577149+fedorseliankin@users.noreply.github.com>
Date: Tue, 12 Apr 2022 15:51:22 +0300
Subject: [PATCH] #1402 fix how left loobar menus and shadows (#1421)

* fix shadows and how left tool bar menus open

* fix shadow colour

* change opacity

* Update ToolbarMultiToolItem.module.less

* Update ToolbarMultiToolItem.module.less
---
 .../ToolbarMultiToolItem/ToolbarMultiToolItem.module.less       | 2 +-
 .../ToolbarMultiToolItem/ToolbarMultiToolItem.tsx               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.module.less b/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.module.less
index efa737fe4d..eac6fed1bf 100644
--- a/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.module.less
+++ b/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.module.less
@@ -41,7 +41,7 @@
   background: @color-background-primary;
   border: 1px solid @border-color;
   border-radius: 5px;
-  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
+  box-shadow: 3px 4px 4px rgba(103, 104, 132, 0.25);
 
   // TODO: move to action button styles, when all buttons will have same style
   & > button {
diff --git a/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.tsx b/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.tsx
index 68df687bb0..e6ea3aaabe 100644
--- a/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.tsx
+++ b/packages/ketcher-react/src/script/ui/views/toolbars/ToolbarGroupItem/ToolbarMultiToolItem/ToolbarMultiToolItem.tsx
@@ -108,7 +108,7 @@ const ToolbarMultiToolItem = (props: Props) => {
   > = {
     disableableButtons,
     indigoVerification,
-    onAction
+    onAction: selected ? () => onOpenOptions() : onAction
   }
 
   const onOpenOptions = () => {