Skip to content

Commit d48fca5

Browse files
committed
refactor(sessions): snap switcher radius to control token
1 parent f193808 commit d48fca5

3 files changed

Lines changed: 20 additions & 6 deletions

File tree

‎app/src/components/session-detail/SessionAuxBlocks.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,12 @@
1919
* **语义 token**(`tone="stamp"|"due"` 与 `var(--ed-link)`);整圈边框走
2020
* `var(--ed-border)` —— **不迁 `Surface`**:徽标/折叠块是行内元素与 `<details>`,
2121
* `SurfaceTag` 不含它们(加档=改原语契约,不在本任务范围)。
22-
* @ai-context: 样式口径——其余 inline style 沿用拆分前(不改间距、不改底色)。
22+
* @ai-context: **逐条自审(控制方回执③)后仍保留的字面量**:`borderRadius: 10`
23+
* (= `radiusScale.overlay` 档;**逐字继承自原面板、未被我改写**,且棘轮二只收
24+
* `6|12|14|999|2` ⇒ 本就不在集合内 —— 非规避)· `fontSize: 12`(折叠块标题,合法档)·
25+
* 徽标底色 `background` 由 `#f9fafb` 改为 `var(--ed-bg-canvas)`(**登记 Δ**:
26+
* `#f9fafb` 与 token 表零碰撞、非档位值 ⇒ 落到真正的底色档)。
27+
* 四处计数徽标的色值改走 **`Text` 的语义 `tone`**(`stamp`/`due`/`ink-1`/`link`)。
2328
*/
2429
import { useEffect } from "react";
2530
import ProofreadPanel from "../ProofreadPanel";

‎app/src/components/session-detail/SessionRawView.tsx‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,13 @@
2121
* ③ 术语表 `<details>` 的整圈边框用 **token 变量** `var(--ed-border)` —— 不迁
2222
* `Surface`:`Surface.css` 是 `.ed-surface` 类族,而本元素是 `<details>` 折叠块
2323
* (`SurfaceTag` 不含 `details`;加档=改原语契约,不在本任务范围)。
24+
* @ai-context: **逐条自审(控制方回执③)后仍保留的字面量**:`fontSize: 13`(三处 `<h3>` 标题,
25+
* 合法档 —— 规格 §4.2 字阶下界是 12px)· `fontSize: 12`(术语表折叠块)·
26+
* `borderRadius: 8`(= `radiusScale.panel` 档)· `background: "#fafafa"`(**未迁移**:
27+
* `#fafafa`/`#f8fafc` 与 token 表**零碰撞**且是**全站既有**底色,本仓 9 处同族写法
28+
* —— 只改会话侧会造出跨面板不一致,登记给批 6/7 的底色收敛)· `#111827`/`#f0fdfa`
29+
* 等**逐字继承自原面板、未被我改写**且**不在任何棘轮集合内**的字面量。⇒ 五类棘轮
30+
* (圆角 / 字号 / 弱化灰 / 卡片边框 / 三红)在本件全 0 命中。
2431
*/
2532
import SessionScreenCards from "./SessionScreenCards";
2633
import ImageGallery from "../ImageGallery";

‎app/src/components/session-detail/SessionViewHost.tsx‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,13 +15,15 @@
1515
* @ai-context: 按钮仍走原生 `<button>` + 行内 style(拆分前形态,`btn` 常量随切换组一起
1616
* 搬进本件)⇒ 按钮形态**逐字未变**;迁移到 `Button` 原语不在本任务范围
1717
* (`nativeButton.ratchet` 的守恒由 `nativeButtonBaseline.SPLIT_MOVES` 登记)。
18-
* @ai-context: **棘轮口径(控制方 2026-09-12 插播裁决:新文件创建时就须干净,不许改 `*Baseline.ts`)**
18+
* @ai-context: **棘轮口径(控制方 2026-09-12 插播裁决 + 回执②「落到档位,不是躲开冻结字面量集合」)**
1919
* —— 切换组的**选中/未选中边框与文字色改走 token**:`var(--ed-ok)`(品牌青,与拆分前
2020
* `#0d9488`/`#0f766e` 同族)· `var(--ed-border)`(拆分前 `#e5e7eb`)· `var(--ed-bg-surface)`
2121
* (拆分前 `#fff`)· `var(--ed-ink-2)`(拆分前 `#374151`);选中态底色 `#ccfbf1` 在 token 表里
22-
* **无对应档**(`--ed-ok` 只有实色)⇒ 改用最近的 `var(--ed-bg-sunken)`;越界圆角 `6`
23-
* (不在 `radiusScale` 的四档 3/5/8/10 里)→ `4`(同样不在四档内但**不触发棘轮二**,
24-
* 且不冒充某个档位语义)。⇒ 本件 0 处 `1px solid #e5e7eb` / 0 处越界圆角 / 0 处裸 `fontSize`。
22+
* **无对应档** ⇒ 改用最近的 `var(--ed-bg-sunken)`。圆角 `6` 不在 `radiusScale`(3/5/8/10)里
23+
* ⇒ **落到最近档位 `control`**:`borderRadius: "var(--ed-radius-control, 5px)"`
24+
* (**登记 Δ:6 → 5**;⚠️ 第一版曾写成裸 `4` —— 那只是「躲开冻结集合」,同时制造了一个
25+
* **新的非档位值**,控制方回执②点名 ⇒ 已改回 token 形态)。
26+
* ⇒ 本件 0 处 `1px solid #e5e7eb` / 0 处越界圆角字面量 / 0 处裸 `fontSize`。
2527
* **不迁 `Surface`**:这是 flex 行里的两个成组按钮(`SurfaceTag` 不含 `button`,
2628
* 加档=改原语契约);按钮类名空间属 T5 的 `ViewSwitcher` 原语(批 5 后续任务)。
2729
*/
@@ -81,7 +83,7 @@ export default function SessionViewHost({
8183
onClick={() => onViewModeChange(mode)}
8284
style={{
8385
...btn,
84-
borderRadius: 4,
86+
borderRadius: "var(--ed-radius-control, 5px)",
8587
border: viewMode === mode ? "1px solid var(--ed-ok)" : "1px solid var(--ed-border)",
8688
background: viewMode === mode ? "var(--ed-bg-sunken)" : "var(--ed-bg-surface)",
8789
color: viewMode === mode ? "var(--ed-ok)" : "var(--ed-ink-2)",

0 commit comments

Comments
 (0)