Repository navigation
fix: keep node ops column opaque above scrolling cells - #224
Merged
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
问题
节点列表右侧「操作」列是 sticky 固定列,但 Naive UI 会沿用主题的
tdColor。面板为了玻璃拟态把tdColor设成了transparent,导致固定列下方的「连接时间 / 最后活跃」等文字透出来,出现「编辑 6 分钟」这种按钮与文字重叠。修改
#0d1422/ 浅色#ffffff),并加左侧分隔线和 hover 色,保证按钮始终盖住滚动内容。scroll-x不再固定 1500,而是按当前可见字段宽度求和,表格可以正常左右滚动查看其余列,不再挤压列宽。验证
position: sticky且background为不透明色;横向从 0 滚到 786px 后按钮位置不变。npm run typecheck通过。