From cd816078a3b46a73a046a31a006b4a63aada0e05 Mon Sep 17 00:00:00 2001 From: Suzumiya Date: Mon, 14 Sep 2026 12:48:22 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8F=B3=E4=BE=A7=E5=AF=B9?= =?UTF-8?q?=E8=AF=9D=E9=9D=A2=E6=9D=BF=E7=BA=B5=E5=90=91=E5=87=A0=E4=BD=95?= =?UTF-8?q?=EF=BC=9A=E6=B6=88=E6=81=AF=E5=88=97=E8=A1=A8=E5=A1=8C=E9=99=B7?= =?UTF-8?q?=E4=B8=8E=E8=BE=93=E5=85=A5=E7=9B=92=E8=A2=AB=E9=A1=B6=E5=87=BA?= =?UTF-8?q?=E9=9D=A2=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - styles.css：为 .game-workbench-chat .project-supervisor-surface 补 grid-row: 1 / -1，并就近说明原因 - styles.css：说明该几何必须靠 height: 100% 撑满轨道，不能再叠加 flex 简写 - styles.css：文件末尾新增实测修复区块，解除 direct-codex 消息列表的 340px 最小高度下限 - styles.css：新增实测修复区块，把 direct-codex 的 surface / conversation 固定为纵向链 --- apps/ai-game-creator-shell/src/styles.css | 40 +++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/apps/ai-game-creator-shell/src/styles.css b/apps/ai-game-creator-shell/src/styles.css index 15423a454..1b5dd39f7 100644 --- a/apps/ai-game-creator-shell/src/styles.css +++ b/apps/ai-game-creator-shell/src/styles.css @@ -8328,7 +8328,14 @@ iframe.preview-frame { color: var(--platform-button-primary-text); } +/* 面板纵向布局（2026-07 Codex 风格改造）：这里保持 grid，不要改成 flex。 + `.game-workbench-chat { grid-template-rows: auto minmax(0, 1fr) }` 原本是给「头部 + 内容」 + 两行用的；direct-codex 精简掉头部后，surface 变成第一个子元素、落进第一行 auto 轨道， + 于是面板高度一大于内容（新会话只有一条欢迎消息时），surface 就被压成内容高度：消息列表 + 塌成几十像素、输入盒被拉伸到两百多像素。所以下面这份几何要靠 `height: 100%` 撑满轨道， + 不能再叠加 `flex: 0 1 auto` 之类的 flex 简写（那会把 basis 变成 auto，同样压成内容高度）。 */ .game-workbench-chat .project-supervisor-surface { + grid-row: 1 / -1; grid-template-columns: minmax(0, 1fr); gap: 0; height: 100%; @@ -11233,3 +11240,36 @@ button.design-workspace-tree__entry:hover, .project-supervisor-settings-row .game-workbench-chat-wallet { margin-left: auto; } + +/* 面板纵向布局兜底（实测修复，2026-07）： + 只改 `.game-workbench-chat .project-supervisor-surface.is-direct-codex` 的几何还不够—— + 更早那条 `.game-workbench-chat .project-supervisor-surface { display: grid; ... }` 特异性同为 + 3 个类且写在前面，面板实际仍是「单行 grid」，`.project-supervisor-conversation` 被当成 grid + 轨道拉高到面板高度；同时基础规则 `.project-supervisor-message-list { min-height: 340px }` + 又给列表压了 340px 下限，两者叠加后列表被内容撑到数千像素、输入盒被顶到面板之外不可见。 + 这里显式把 surface / conversation 改成 flex 纵向链（多带一层 `.message-list` 提高特异性）， + 并解除列表的 340px 下限，保证「消息列表是唯一滚动区、输入盒恒在面板底部」。 */ +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .message-list.project-supervisor-message-list { + min-height: 0; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-conversation { + display: flex; + height: 100%; + min-height: 0; + flex-direction: column; + grid-template-rows: none; + gap: 0; +} + +.game-workbench-chat + .project-supervisor-surface.is-direct-codex + .project-supervisor-conversation + > .message-list.project-supervisor-message-list { + min-height: 0; + flex: 1 1 auto; +}