Skip to content

fix(Graph): CI 与提交详情 Tooltip 定位更贴近光标(gap 14→8) - #77

Merged
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
ThreeFish-AI/fix-tooltip-cursor-gap
Jul 4, 2026
Merged

fix(Graph): CI 与提交详情 Tooltip 定位更贴近光标(gap 14→8)#77
ThreeFish-AI merged 1 commit into
feature/1.x.xfrom
ThreeFish-AI/fix-tooltip-cursor-gap

Conversation

@ThreeFish-AI

Copy link
Copy Markdown
Owner

背景

PR #76 合并后,用户反馈 CI 状态详情 Tooltip 离鼠标偏远、不够贴近光标。本 PR 承接该反馈做定位微调。(此提交原误推到 #76 已合并的旧分支上、无承载 PR,现基于最新 feature/1.x.x 用新分支干净提出。)

变更

fix(Graph) — CI 与提交详情 Tooltip 定位更贴近光标(efd9097

根因:CI hover 已走 positionAtCursor(跟随光标),但 CI 图标恒在行最右、光标 X 贴侧边栏右沿,横向翻转叠加 gap=14 使浮层与光标间距偏大,窄侧栏下观感不够「贴」。

修复(CI 与提交详情浮层共用 positionAtCursor,一并受益):

  • gap 14→8:浮层右沿/底边距光标仅 8px,紧贴。
  • 纵向翻转补 Math.max(pad, …) 钳制,避免上翻越出视口顶部。
  • 横向沿用「右侧优先、越界翻左且右沿贴光标」,窄侧栏下浮层右上角紧邻光标(CI 图标)。

验证

  • check-types / lint / 生产打包 / 349 单测 全绿(feature 最新基线)。
  • Chrome headless 截图确认 CI 浮层右上角紧贴 CI 图标(光标)左下方,较 gap=14 明显更近。

实机确认点(F5):鼠标停在 CI 状态图标 → CI 详情浮层紧贴光标出现;移到行体 → 切换为提交详情浮层,同样贴光标。

🤖 Generated with Claude Code

用户反馈 CI 状态详情浮层离鼠标偏远。核实:CI hover 已走 positionAtCursor(跟随光标),
但 CI 图标恒在行最右、光标 X 贴侧栏右沿,横向翻转 + gap=14 使浮层与光标间距偏大,观感不够「贴」。

修复(CI 与提交浮层共用 positionAtCursor,一并受益):
- gap 14→8:浮层紧贴光标(右沿/底边距光标仅 8px)。
- 纵向翻转补 Math.max(pad, …) 钳制,避免上翻越出视口顶部。
- 横向沿用「右侧优先、越界翻左(右沿贴光标)」,窄侧栏下浮层右上角紧邻光标。

验证:check-types/lint/生产打包/349 单测通过;Chrome headless 截图确认 CI 浮层右上角紧贴 CI 图标
(光标)左下方,较 gap=14 明显更近。

🤖 Generated with [Claude Code](https://github.com/claude), [CodeX](https://openai.com), [Gemini](https://github.com/apps/gemini-code-assist)
Co-Authored-By: Aurelius Huang<threefish.ai@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant