From 627706193877c15c75b6531e61bfbe22a776b1ab Mon Sep 17 00:00:00 2001
From: Apoorv Tiwari <tiwari.apoorv1316@gmail.com>
Date: Wed, 18 Aug 2021 22:16:24 +0530
Subject: [PATCH] Hide tooltip when the left sidebar icon is clicked (#531)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix the bug

* dealy tooltip and postion it to right

Co-authored-by: “Apoorv <“tiwari.apoorv1316@gmail.com”>
---
 frontend/src/Editor/LeftSidebar/sidebar-item.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Editor/LeftSidebar/sidebar-item.js b/frontend/src/Editor/LeftSidebar/sidebar-item.js
index 72b1459b51..bb170278c1 100644
--- a/frontend/src/Editor/LeftSidebar/sidebar-item.js
+++ b/frontend/src/Editor/LeftSidebar/sidebar-item.js
@@ -3,17 +3,19 @@ import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';
 
 export const LeftSidebarItem = ({ tip = '', className, icon, text, onClick, ...rest }) => {
+
   return (
     <OverlayTrigger
-      placement="bottom"
-      delay={{ show: 250, hide: 400 }}
+      trigger={['click','hover', 'focus']}
+      placement="right"
+      delay={{ show: 800, hide: 100 }}
       overlay={<Tooltip id="button-tooltip">
         {tip}
       </Tooltip>}
     >
       <div {...rest} className={className} onClick={onClick && onClick}>
       {icon && <img className="svg-icon" src={`/assets/images/icons/editor/left-sidebar/${icon}.svg`} width="20" height="20" />}
-      {text && text} 
+      {text && text}
     </div>
     </OverlayTrigger>
   )