salman/igny8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
Desktop
2025-11-12 22:17:37 +05:00
parent 7c48854e86
commit 883e4642dc
4 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/ui/tooltip/EnhancedTooltip.tsx
View File

@@ -58,6 +58,7 @@ export const EnhancedTooltip: React.FC<EnhancedTooltipProps> = ({
<div
ref={triggerRef}
className={`relative inline-flex ${className}`}
style={{ zIndex: 1 }}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
>
@@ -66,12 +67,13 @@ export const EnhancedTooltip: React.FC<EnhancedTooltipProps> = ({
<div
ref={tooltipRef}
className={`
absolute z-[9999] px-3 py-2 text-xs font-medium text-white bg-gray-900 rounded-lg
absolute z-[99999] px-3 py-2 text-xs font-medium text-white bg-gray-900 rounded-lg
opacity-100 pointer-events-none transition-opacity duration-200
whitespace-normal max-w-xs shadow-lg
before:absolute before:border-4 before:border-transparent before:content-['']
${placementClasses[placement]}
`}
style={{ zIndex: 99999 }}
onMouseEnter={() => setIsVisible(true)}
onMouseLeave={() => setIsVisible(false)}
>

4
frontend/src/components/ui/tooltip/Tooltip.tsx
View File

@@ -23,10 +23,10 @@ export const Tooltip: React.FC<TooltipProps> = ({
};
return (
<div className={`relative group inline-flex ${className}`}>
<div className={`relative group inline-flex ${className}`} style={{ zIndex: 1 }}>
{children}
<span
className={`absolute z-[9999] px-3 py-1.5 text-xs font-medium text-white bg-gray-900 rounded-lg opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity whitespace-nowrap before:absolute before:border-4 before:border-transparent before:content-[''] ${placementClasses[placement]}`}
className={`absolute z-[99999] px-3 py-1.5 text-xs font-medium text-white bg-gray-900 rounded-lg opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity whitespace-nowrap before:absolute before:border-4 before:border-transparent before:content-[''] ${placementClasses[placement]}`}
>
{text}
</span>