Skip to content

fix(ui): wrap long workflow code blocks - #586

Merged
zxuexingzhijie merged 1 commit into
spring-ai-alibaba:mainfrom
zxuexingzhijie:codex/timeline-code-wrap
Jul 27, 2026
Merged

zxuexingzhijie merged 1 commit into
spring-ai-alibaba:mainfrom
zxuexingzhijie:codex/timeline-code-wrap

Conversation

@zxuexingzhijie

Copy link
Copy Markdown
Collaborator

问题

工作流时间线中的 SQL 代码块使用 white-space: pre,长 SQL 会保持单行。macOS 默认隐藏横向滚动条,因此页面看起来像是内容没有展示完整。

修复

  • 仅调整工作流时间线的代码块样式
  • 使用 pre-wrap 保留代码格式并允许自动换行
  • 使用 overflow-wrap: anywhere / word-break: break-word 处理无自然断点的长内容
  • 同步约束内部 code 元素,避免 Markdown 样式覆盖
  • 不改变最终报告中 Markdown 代码块的展示行为

验证

  • pnpm test:unit:5 个测试文件、16 个测试全部通过
  • pnpm build:Nuxt 客户端与服务端构建通过(Node.js 22)
  • ESLint:目标组件通过
  • git diff --check:通过
  • 本地真实页面:180 字符 SQL 自动换行,scrollWidth === clientWidth,没有横向裁切

@zxuexingzhijie
zxuexingzhijie marked this pull request as ready for review July 27, 2026 05:52
@zxuexingzhijie
zxuexingzhijie merged commit 26c6257 into spring-ai-alibaba:main Jul 27, 2026
8 checks 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