Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 17:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Hide tooltip when the left sidebar icon is clicked (#531)

Browse source 
* Fix the bug

* dealy tooltip and postion it to right

Co-authored-by: “Apoorv <“tiwari.apoorv1316@gmail.com”>
This commit is contained in:
Apoorv Tiwari 2021-08-18 22:16:24 +05:30 committed by GitHub
parent a53cac24b2
commit 6277061938
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/src/Editor/LeftSidebar/sidebar-item.js
View file

@ -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>
)