Pin frontend main after merging the expanded preview layout fix
Why: Expanding the preview left the conversation column in the row because .main { display: flex } overrode the UA [hidden] rule. Frontend PR #47 restores that hide and centers a wide docx page.
Evidence: Frontend vitest previewfit + design-guard 10 passed. Headless Chromium 1512x900 shows expanded .main display:none, preview slot 1184px, page center delta 0; at 420px and 640px the wrapper stays column-width and the page stays left-aligned.
Impact: modules/frontend 0a0b556 -> 50c7244. Narrow-column fit scaling is unchanged. previewfit still returns 1 when available width is <= 0.
Refs: .task/fix-preview-expanded-hidden.md; https://git-home.u1680832.nyat.app:30319/weichen/Agent-System-Frontend/pulls/47
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,16 +1,18 @@
|
||||
# fix/preview-expanded-hidden 任务卡
|
||||
|
||||
任务主记录:<PR 链接,task-finish 时填写>;状态:进行中;owner:weichen
|
||||
任务主记录:Frontend https://git-home.u1680832.nyat.app:30319/weichen/Agent-System-Frontend/pulls/47(已合入 main `50c7244`);Dev PR 待本分支推送后填写;状态:进行中;owner:weichen
|
||||
|
||||
## 基线与授权
|
||||
|
||||
- 权威仓:ssh://git@git-ssh.u1680832.nyat.app:31411/weichen/Agent-System-Dev.git;目标分支:main;R0(initial_base_sha)= 49f536bd1a33066d9368cd1fa2894664237672b2
|
||||
- 工作区:/home/weichen/projects/Agent-System-Dev-wt-fix-preview-expanded-hidden(worktree);分支:fix/preview-expanded-hidden
|
||||
- 授权与交付终点:<本次允许的动作与终点;未授权事项写明>
|
||||
- 授权与交付终点:修复展开预览后对话列未隐藏、预览栏被挤压的布局缺陷;Frontend 子仓 PR 合入后在本仓推进 gitlink。不改 previewfit 的 available<=0 分支。
|
||||
|
||||
## 目标与非目标
|
||||
|
||||
<预期结果、受影响入口/模块/契约;明确不做什么。>
|
||||
- 目标:`.main[hidden]` 真正隐藏对话列,使 `.preview-slot.expanded` 铺满主区;docx 纸张在栏宽于纸时居中,栏窄于纸时仍贴左,不改变 `transform-origin: top left` 的缩放。
|
||||
- 非目标:不条件渲染卸载 `Conversation`;不改 `previewfit.ts` 在可用宽 ≤ 0 时返回 1 的行为(低优先级,另开任务)。
|
||||
- 居中落点:未使用 `width: fit-content`。纸张 min-content 等于页宽,fit-content 在窄栏不会缩回栏宽,缩放后布局盒仍是整页宽,会多出横向溢出。改为 `section.docx { margin-inline: auto }`,包装层继续铺满栏宽。深色 `--bg-inset` 桌面仍铺满预览栏,纸张在宽栏居中,符合 DESIGN.md 表面阶梯。
|
||||
|
||||
## 同步记录
|
||||
|
||||
@@ -20,6 +22,6 @@
|
||||
|
||||
## 结果与验证(完成后填写)
|
||||
|
||||
- 结果:
|
||||
- 验证:
|
||||
- 影响与剩余项:
|
||||
- 结果:Frontend `styles.css` 增加 `.main[hidden] { display: none !important }` 与 `.docx-wrapper > section.docx { margin-inline: auto }`。本仓 gitlink `modules/frontend` `0a0b556` → `50c7244`。
|
||||
- 验证:Frontend `npx vitest run test/previewfit.test.ts test/design-guard.test.ts` 10 passed。全量 `npm test` 16 文件通过;`test/notice.test.ts` 因环境缺少 `dompurify` 无法加载,与本次样式改动无关(主检出同一 node_modules 也未安装该包)。Headless Chromium 1512×900:展开态 `.main` 为 `display:none`、预览槽 1184px、纸张 center delta 0;420px 与 640px 时包装层宽度等于栏宽、纸张贴左。
|
||||
- 影响与剩余项:运行中的应用里再点一次展开/还原、拖分隔条,属人工回归,静态复现已覆盖同一几何。`previewfit` 极窄栏仍返回 1。
|
||||
|
||||
+1
-1
Submodule modules/frontend updated: 0a0b55612c...50c7244601
Reference in New Issue
Block a user