14 lines
1.9 KiB
Markdown
14 lines
1.9 KiB
Markdown
# 暗金荒野任务卡运行态动画发现
|
||
|
||
- 截图主题为 `wasteland / 暗金荒野`。
|
||
- 服务端 `taskBoardTaskWithRuntime()` 已同时返回 `isRunning` 和中文 `runtimeState`。
|
||
- 前端 `normalizeTask()` 当前只保留 `runtimeState` 文案，导致 CSS 无法基于可靠布尔状态选择卡片。
|
||
- 任务卡 DOM 已有 `data-status-id`；新增独立 `data-runtime-state` 不会混淆任务列。
|
||
- 任务卡已有移动/进出场动画；运行态动画不得覆盖 `transform`，避免和卡片移动及 hover 冲突。
|
||
- `task-board.css` 已有全局 `prefers-reduced-motion` 门禁，可再给运行卡片明确静态落点。
|
||
- Firefox 实测确认 `data-runtime-state="running"` 只来自服务端布尔字段，任务列仍为 `in_progress`；运行态动画不会改变列位置。
|
||
- 真实截图：[/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-first.png](/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-first.png)、[/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-second.png](/tmp/cc-web-wasteland-runtime-animation-1786605817208/animated-desktop-second.png)、[/tmp/cc-web-wasteland-runtime-animation-1786605817208/reduced-motion-desktop-first.png](/tmp/cc-web-wasteland-runtime-animation-1786605817208/reduced-motion-desktop-first.png)。完整数据在 `evidence.json`。
|
||
- 用户确认只保留左侧竖条/活动轨迹；运行卡片本体必须与同列未运行卡片保持相同背景、边框、阴影且没有动画。
|
||
- 收敛版 Firefox computed style：running/idle 背景均为 `rgba(14, 16, 14, 0.94)`、边框均为 `rgba(196, 154, 90, 0.28)`、阴影均为 `none`、卡片动画均为 `none`；左侧竖条约 3.52px 宽、0.74 opacity。
|
||
- 收敛版证据：`/tmp/cc-web-wasteland-runtime-animation-1786607214412/`；1024px 与 500px 的页面 scrollWidth 均等于 viewport width。
|