chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added behavior to tooltip

Browse Source 
tooltip disappears on click now
This commit is contained in:
vkuchenik
2025-07-30 08:57:32 -07:00
parent 54e1d6c8ad
commit 6ce374405c
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Canvas/components/Tooltip.jsx
+8 -1
View File
@@ -12,7 +12,7 @@ export default function Tooltip ({tooltipkey, content, sidebarIsOpen, children})
<chakra.div <chakra.div
width={sidebarIsOpen ? "194px" : "55px"} width={sidebarIsOpen ? "194px" : "55px"}
transition="width 0.4s ease" transition="width 0.4s ease"
onMouseEnter={() => { timeoutId.current = setTimeout(() => setIsVisible(true), 1000); }} onMouseEnter={() => { timeoutId.current = setTimeout(() => setIsVisible(true), 1100); }}
onMouseLeave={() => { onMouseLeave={() => {
if (timeoutId.current) { if (timeoutId.current) {
clearTimeout(timeoutId.current); clearTimeout(timeoutId.current);
@@ -20,6 +20,13 @@ export default function Tooltip ({tooltipkey, content, sidebarIsOpen, children})
} }
setIsVisible(false); setIsVisible(false);
}} }}
onClick={() => {
if (timeoutId.current) {
clearTimeout(timeoutId.current);
timeoutId.current = null;
}
setIsVisible(false);
}}
> >
{children} {children}
{isVisible && !sidebarIsOpen && ( {isVisible && !sidebarIsOpen && (