fix(ui): 加回 agent 头像,范围带调深到看得见
产品真机走查: 1. agent 头像加回来(推翻 R3 的 D7)。R3 删它的理由是「一屏几十条时是重复度 最高的元素」,但没有它助手那一轮就没有视觉归属——生时校正面尤其明显, 旁白、题干、选项全是平铺文字。--assistant-content-inset 随之回到 「32px 头像 + 间隙」,追问 chip 与运行时间轴重新对齐正文。 2. 时间范围带用的是 --color-action-soft,那是给文字底色用的浅色调, 画在画布上几乎看不见——而它是整条轴上唯一必须一眼看到的标记。 改成 color-mix(--color-action-strong 32%, --color-canvas)。 测试 3369,fail 仍 31 且与基线逐条一致;四个路由标记不变。 未修:生时校正面顶部溢出。工作区在栅格里、没有脱离定位, chat-panel.is-rectification 仍是 46px + 1fr 两行,从代码上看不出 46px 顶栏为什么会消失,待产品确认截图是否裁切。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_0193vBv6w5MV2cifdTUu9H5P
This commit is contained in:
co-authored by
Claude Opus 5
parent
524015cfc1
commit
071317f7ee
@@ -487,7 +487,7 @@ test("candidate state renders from the snapshot API and never from sentinels", (
|
||||
assert.match(styles, /\.rectification-snapshot \{/);
|
||||
assert.match(styles, /\.rectification-house-table \{[^}]*border:\s*1px solid var\(--color-border\)/);
|
||||
assert.match(styles, /\.rectification-house-table \{[^}]*background:\s*var\(--color-canvas-soft\)/);
|
||||
assert.match(styles, /\.message-list \{[\s\S]*?--assistant-content-inset: 0px/);
|
||||
assert.match(styles, /\.message-list \{[\s\S]*?--assistant-content-inset: calc\(32px \+ var\(--space-3\)\)/);
|
||||
assert.match(styles, /\.rectification-message-wrap \.rectification-candidates \{[\s\S]*width: calc\(100% - var\(--assistant-content-inset\)\)/);
|
||||
assert.match(styles, /\.rectification-message-wrap \.rectification-candidates \{[\s\S]*margin-inline-start: var\(--assistant-content-inset\)/);
|
||||
assert.match(styles, /\.rectification-workspace \{[\s\S]*grid-template-columns: minmax\(0, 1fr\) minmax\(18rem, 22\.5rem\)/);
|
||||
|
||||
@@ -408,7 +408,10 @@ test("the chat grid has three rows and the timeline row is a fixed height", () =
|
||||
// stick-to-bottom, since it sits outside the observed scroll container.
|
||||
assert.doesNotMatch(barRule, /min-height|height:\s*auto/);
|
||||
// Inner padding matches the assistant column, not the chat-panel edge.
|
||||
assert.match(chatRule, /--assistant-content-inset: 0px;/);
|
||||
// 原值 `0px` / 新值 `calc(32px + var(--space-3))`
|
||||
// / 原因:产品在真机走查后要求把 agent 头像加回来(推翻 R3 的 D7);
|
||||
// 这条缩进跟着头像走,时间轴仍与助手正文左边界对齐,规则本身没变。
|
||||
assert.match(chatRule, /--assistant-content-inset: calc\(32px \+ var\(--space-3\)\);/);
|
||||
assert.match(barRule, /padding: 0 calc\(var\(--space-8\) \+ var\(--assistant-content-inset\)\);/);
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user