Skip to content

fix(workflows): 修复流程页面阶段菜单溢出与新增阶段按钮换行错位 - #46

Merged
IGNGserver merged 1 commit into
masterfrom
agent/workflow-layout-fix
Oct 30, 2026
Merged

IGNGserver merged 1 commit into
masterfrom
agent/workflow-layout-fix

Conversation

@IGNGserver

Copy link
Copy Markdown
Owner

做了什么

  1. 调整 .workflow-stage__header 内部弹性排版:
    • 阶段标题 .workflow-stage__name 改为 flex: 0 1 auto,避免无限制吃满整行;
    • 阶段任务计数徽标 .workflow-stage__count 紧随阶段标题;
    • 阶段操作菜单 .workflow-menu 增加 margin-inline-start: auto,右对齐卡片内边距,与下方任务列表的操作菜单对齐。
  2. 修复新增阶段按钮排版:
    • 为 .workflow-stage-add 增加 grid-column: 1 / -1,换行时作为阶段列表底部的通栏操作条,避免孤零零落在第 1 列正下方造成错位。

为什么

  • 阶段头部原先因标题过度拉伸,将计数徽标顶至最右侧,导致紧跟其后的操作菜单按钮(40px)被挤出卡片背景,横向溢出悬浮在两列卡片之间;
  • 网格容纳不下新增按钮时自动换行,原本未设置跨列,导致其偏坠在第 1 列。

影响范围

  • 仅影响网页端流程页面(apps/web/src/styles/pages.css),不影响其他页面及接口契约。

测试结果

  • 改动范围核对:git diff 确认仅修改 apps/web/src/styles/pages.css(7 行新增,1 行修改)。
  • 依赖与全仓构建交由 CI 验证。

已知风险与未完成项

  • 无。

Avoid horizontal overflow of the stage header action menu by keeping
the stage title and task count inline while pushing the menu trigger
to the trailing edge. Extend the dashed add-stage button to span the full
grid width so it neatly grounds the stages list when wrapped.

Assisted-by: opencode/gemini-3.8-flash
@IGNGserver
IGNGserver merged commit 80d0467 into master Oct 30, 2026
1 check passed
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