已关闭
[Bug]: 笔记本屏幕上右侧 Plan 进度展示不全,状态徽章被裁切 #106
wang_cheng_zhao创建于  9月17日关闭于  6 天前
wang_cheng_zhao成员
9月17日 创建

关联 Issue:https://github.com/openJiuwen-ai/sciencediscovery/issues/68

🐞 问题详细描述

用户想做什么:在笔记本电脑屏幕上打开正在执行 Plan 的会话,从右侧「任务」里看清计划进度(例如「已完成 3/8 · 3 项进行中」和「进行中」状态)。

实际看到什么:右侧工作区里的 Plan 卡片被裁切。标题行右侧的 「进行中」徽章被切掉一块,计划正文也贴着右缘显示不全。笔记本宽度下无法完整阅读进度。

笔记本宽度下 Plan 进度卡片右侧被裁切

截图:右侧「任务」中「计划 · main / 已完成 3/8 · 3 项进行中」,「进行中」徽章右半被切掉;下方英文计划摘要同样右侧溢出。

期望

  • 笔记本常见宽度下,Plan 卡片(标题、进度摘要、「进行中」等状态徽章、正文)完整落在侧栏可视区域内。
  • 空间不够时应换行或让卡片吃满可用宽度,而不是把徽章和正文裁掉。
  • 不要求改 Plan 语义,只修侧栏里的展示。

这与 #93(约 900px 时左侧栏堆叠、对话被挤出首屏)不是同一件事:本缺陷发生在右侧工作区 Plan 卡片内部裁切。

复现

  1. 在笔记本分辨率(约 13–14 寸笔记本全屏,或宽度明显小于外接显示器)打开一个有进行中 Plan 的 Session。
  2. 展开右侧工作区 → 任务。
  3. 查看「计划 · main」卡片:状态徽章与正文是否被右缘裁切。

实现线索(非验收范围):右侧 Plan 在 .workspace-plan-section;标题 strong 使用 nowrap + ellipsis,徽章 i 为 nowrap。窄侧栏时 heading 行和正文没有把可用宽度吃完,而是溢出裁切。

详细的环境信息描述

  • 操作系统:Linux
  • 浏览器:Chrome
  • 界面语言:简体中文
  • 视口:笔记本电脑屏幕(右侧工作区展开,Plan 进行中)

其他辅助信息

截图里「任务」折叠标题出现了两次,若与卡片溢出同源可一并修;若是另一处折叠重复,可另开 Issue,不阻塞本条「进度展示不全」。

版本信息

当前产品 UI(对照 GitCode openJiuwen/sciencediscovery 主干近期行为)。

likedislike
Wwang_cheng_zhao成员
9月17日 添加了label:bug
openJiuwen-bot成员
9月17日 评论:

欢迎来到 openJiuwen 社区

Hey @wang_cheng_zhao , 感谢你对社区的贡献.

机器人使用手册

有关指令的使用,可以点击 此处 查看详情。开发人员可以在每个PR或Issue下方评论特定指令来触发机器人任务。

likedislike
Wwang_cheng_zhao成员
9月17日 修改了issue 的描述
Hhugoxk
9月18日 关联了pull request:fix: plan card badge clipped on narrow workspace sidebar
wang_cheng_zhao成员
6 天前 评论:

GitHub 上已有对应 issue,且仍开着:https://github.com/openJiuwen-ai/sciencediscovery/issues/68 。右侧 Plan 卡片在窄侧栏里的裁切以那条为准。本条关闭,后续在 GitHub 跟踪。

likedislike
Wwang_cheng_zhao成员
6 天前 关闭了 issue
Wwang_cheng_zhao成员
6 天前 issue状态由 TODO 改变为 DONE