Skip to content

fix: keep node ops column opaque above scrolling cells - #224

Merged
waadri-deepseek-bot[bot] merged 1 commit into
mainfrom
fix/nodes-sticky-ops-overlap
Oct 25, 2026
Merged

waadri-deepseek-bot[bot] merged 1 commit into
mainfrom
fix/nodes-sticky-ops-overlap

Conversation

@waadri-deepseek-bot

Copy link
Copy Markdown
Contributor

问题

节点列表右侧「操作」列是 sticky 固定列,但 Naive UI 会沿用主题的 tdColor。面板为了玻璃拟态把 tdColor 设成了 transparent,导致固定列下方的「连接时间 / 最后活跃」等文字透出来,出现「编辑 6 分钟」这种按钮与文字重叠。

修改

  • 给右侧固定列单独的不透明背景(深色 #0d1422 / 浅色 #ffffff),并加左侧分隔线和 hover 色,保证按钮始终盖住滚动内容。
  • scroll-x 不再固定 1500,而是按当前可见字段宽度求和,表格可以正常左右滚动查看其余列,不再挤压列宽。
  • 表头提示补充「表格可左右滑动」。

验证

  • 深色 / 浅色 / 2000px 宽屏截图检查:操作列不再透出任何底层文字。
  • 固定列 position: sticky 且 background 为不透明色;横向从 0 滚到 786px 后按钮位置不变。
  • 1920/1440 宽度下均可左右滚动查看备注、请求、隧道、流量、连接时间等列。
  • 无控制台错误,npm run typecheck 通过。

@waadri-deepseek-bot
waadri-deepseek-bot Bot merged commit 3d9a89a into main Oct 25, 2026
13 checks passed
@waadri-deepseek-bot
waadri-deepseek-bot Bot deleted the fix/nodes-sticky-ops-overlap branch October 25, 2026 08:20
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.

0 participants