Skip to content

fix(ui): 修复全局列表表头 Actions 与 Duration 列名重叠问题 - #322

Open
PhantomPixel-0418 wants to merge 1 commit into
SPlayer-Dev:devfrom
PhantomPixel-0418:fix/global-table-header-text-overlap
Open

PhantomPixel-0418 wants to merge 1 commit into
SPlayer-Dev:devfrom
PhantomPixel-0418:fix/global-table-header-text-overlap

Conversation

@PhantomPixel-0418

@PhantomPixel-0418 PhantomPixel-0418 commented Sep 24, 2026 •

Copy link
Copy Markdown
Contributor

改动类型

  • 新功能(feat)
  • 缺陷修复(fix)
  • 重构 / 优化(不改变对外行为)
  • 文档(docs)
  • 其他(请在「改动说明」中注明)

是否包含破坏性变更

  • 是(请在「改动说明」中详细描述)
  • 否

改动说明

问题背景:
在多个包含歌曲/媒体列表的界面(如 Play History、Library 等)中,表头最右侧的 "Actions" 和 "Duration" 列名发生了严重的 UI 重叠,显示为 "ActionsDuration",影响视觉体验和用户理解。

修复内容:

  • 定位并修复了通用列表/表格表头组件中的 CSS 布局冲突。
  • 调整了表头右侧列的 Flex/Grid 布局属性,为其分配了合理的最小宽度和间距,确保 "Actions" 和 "Duration" 文本能够正常分离显示。
  • 修复对全局生效,所有引用该公共表头组件的页面均已恢复正常排版。

关联 Issue

Closes #321

测试情况

  • 手动测试:已在本地启动项目,并在 Play History(播放历史)、Library(音乐库)、Albums(专辑)、Downloads(下载)等多个包含该表头的页面进行测试。
  • 测试结果:"Actions" 和 "Duration" 均能正确分离显示,无重叠、无溢出,且在窗口缩放时表现正常。
  • 覆盖平台:Windows(请根据实际测试情况补充 macOS / Linux)。

截图 / 录屏

image

自查清单

  • 本 PR 只包含一个主要功能 / 修复,没有夹带无关改动
  • 已在本地完整测试通过;AI 生成的代码同样自行测试并审阅过,未做未经验证的提交
  • 已运行 pnpm format,并确认 pnpm typecheck、pnpm lint 通过
  • 改动涉及原生模块时已 pnpm build:native 验证;未手写 native/*/index.d.ts
  • 已向 dev 分支提交

This branch has not been deployed

No deployments
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.

[Bug] 英文模式下全局列表/表格表头 "Actions" 与 "Duration" 列名重叠

1 participant