From 9b7f7f110c7ddab858c1cb56eb38af4baf963280 Mon Sep 17 00:00:00 2001 From: Suzumiya Date: Wed, 16 Sep 2026 00:12:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=AF=B9=E8=AF=9D=E5=8C=BA?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E6=94=B6=E5=B0=BE=EF=BC=88=E5=90=AB=E5=8F=A6?= =?UTF-8?q?=E4=B8=80=E8=B7=AF=E6=9C=AA=E6=8F=90=E4=BA=A4=E7=9A=84=20Markdo?= =?UTF-8?q?wn=20=E9=97=B4=E8=B7=9D=E4=BF=AE=E6=AD=A3=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - styles.css：移除 .message 的 white-space: pre-wrap（Markdown 块之间的换行文本节点会被渲染成真实空行，列表项之间出现大段空白） - styles.css：对话正文行高统一并钉死 1.5（面板里存在更长的选择器链，普通 .message p 会被压过去） - styles.css：列表 ul/ol 的默认块间距显式清零，避免与 p 的 margin 叠加成"假空行" - styles.css：流式思考过程折叠块样式（pre-wrap 换行、1.5 行高、无横向滚动条） - 说明：本文件里同时包含另一路会话未提交的 Markdown 间距改动，一并提交以免丢失 --- apps/ai-game-creator-shell/src/styles.css | 67 ++++++++++++++++++++++- 1 file changed, 64 insertions(+), 3 deletions(-) diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index e9a175f99..e01839d49 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -4415,9 +4415,11 @@ h2 { background: #f8fafd; } +/* 这里不能加 `white-space: pre-wrap`：Markdown 渲染出来的块之间会带换行文本节点， + pre-wrap 会把那些 `\n` 变成真实的空行（表现就是列表项之间出现大段空白）。 + 需要保留换行的地方（流式原文、行内代码）各自已经有 `whitespace-pre-wrap`。 */ .message { overflow-wrap: anywhere; - white-space: pre-wrap; } .message--user { @@ -8739,6 +8741,30 @@ iframe.preview-frame { line-height: 1.3; } +/* ReactMarkdown 的列表节点必须显式清零默认块间距；否则 p/ul 的 margin + 会叠加成截图中的“假空行”。真正的 Markdown 空行仍由段落结构保留。 */ +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message--assistant + ul, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message--assistant + ol { + margin-block: 0.65em; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message--assistant + li + > p { + margin-block: 0; +} + .game-workbench-chat .project-supervisor-surface.is-direct-codex .project-supervisor-message-list @@ -11988,7 +12014,7 @@ button.design-workspace-tree__entry:hover, padding-left: 18px; color: var(--platform-text-soft); font-size: 12px; - line-height: 1.6; + line-height: 1.5; } /* 工具调用折叠块块头改成两行：第一行图标 + 汇总（超长省略），第二行状态 + 用时，箭头右侧跨两行。 @@ -12089,5 +12115,40 @@ button.design-workspace-tree__entry:hover, overflow-wrap: anywhere; font-family: inherit; font-size: 12px; - line-height: 1.6; + line-height: 1.5; } +/* 对话正文的行高统一为 1.5：段落、列表、列表项一致。 + 面板里原本有 1.7 / 1.6 / 1.5 / 1.4 多套值，段落与列表各自命中不同规则， + 看起来"上下行高不一样"。 */ +.message, +.message p, +.message ul, +.message ol, +.message li { + line-height: 1.5; +} +/* 对话正文行高钉死 1.5：面板里存在更长的选择器链在给正文定行高， + 简单 `.message p` 会被压过去，所以这里用同一条链 + `!important` + （作用域只在右侧对话面板内，不外溢）。段落、列表、列表项一律一致。 */ +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message p, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message ul, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message ol, +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-message-list + .message li { + line-height: 1.5 !important; +} \ No newline at end of file