salvacybersec/CodeNomad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust timeline hover tooltip position

Browse Source
This commit is contained in:
Shantur Rathore
2025-12-08 14:26:42 +00:00
parent 4ae54a1f7b
commit 5cf3c001b5
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/ui/src/components/message-timeline.tsx
View File

@@ -259,16 +259,20 @@ const MessageTimeline: Component<MessageTimelineProps> = (props) => {
if (typeof window === "undefined") return
clearHoverTimer()
const target = event.currentTarget as HTMLButtonElement
hoverTimer = window.setTimeout(() => {
const rect = target.getBoundingClientRect()
const preferredTop = rect.top + rect.height / 2
const clampedTop = Math.min(window.innerHeight - 220, Math.max(16, preferredTop - 110))
const tooltipWidth = 360
const preferredLeft = rect.right + 12
const clampedLeft = Math.min(window.innerWidth - tooltipWidth - 16, preferredLeft)
setTooltipCoords({ top: clampedTop, left: clampedLeft })
setHoveredSegment(segment)
}, 200)
hoverTimer = window.setTimeout(() => {
const rect = target.getBoundingClientRect()
const tooltipWidth = 360
const tooltipHeight = 420
const verticalGap = 16
const horizontalGap = 16
const preferredTop = rect.top + rect.height / 2 - tooltipHeight / 2
const clampedTop = Math.min(window.innerHeight - tooltipHeight - verticalGap, Math.max(verticalGap, preferredTop))
const preferredLeft = rect.left - tooltipWidth - horizontalGap
const clampedLeft = Math.max(horizontalGap, preferredLeft)
setTooltipCoords({ top: clampedTop, left: clampedLeft })
setHoveredSegment(segment)
}, 200)
}
const handleMouseLeave = () => {