F118 剩余 2 条存量 · 390 档视觉签核

2026-09-09 · 要你签的是 playground/docs/docs.css 里一条规则: @media (max-width:640px) { .docs-demo-grid > .docs-demo-card--wide { overflow-x: auto } }
网格溢出 form 275/258 → 258/258 网格溢出 tooltip 261/258 → 258/258 本地全量扫 EXIT=0(新增溢出 0 / 新增内容丢失 0) GitHub CI 当前 ,只红在这两行没删

1. 卡片特写(最关键的两张,先看这个)

改后状态。左:tooltip 的「Custom Content Slot」demo,那个常开气泡;右:form 的「Basic validation」demo。 要判的是「文字有没有被切掉、看不看得完整」。

tooltip 卡片 · 改后AFTER
tooltip 卡片改后
form 卡片 · 改后AFTER
form 卡片改后
改前实测改后实测眼验
tooltip 气泡 div.tooltip-box 261 vs 卡片 258,超出 3px 卡片可横滚,网格 258/258 归零 气泡文字「(Required) Hover to read full description」完整;只有圆角贴到卡片边;垂直方向未被裁
form div.tvu-form 最小宽 258 > 卡片内容区 224,Port 的「+」被切掉 卡片可横滚,网格 258/258 归零 「+」改前就已经看不到,改后可以滑到;其余控件未变形

2. 实时页面(dev server,已应用这次改动)

下面两个框宽度锁死 390px,就是手机档。可以在框里滚动、hover 触发气泡,验证真实交互。 这是当前工作树的实时状态(改动已应用,尚未提交)。

tooltip 页 · 390px 实时 单独打开 ↗
form 页 · 390px 实时 单独打开 ↗

3. 整页 before / after

完整长图,可在框内滚动。改动只在 demo 卡这一层,其余版式不受影响。

tooltip 整页 · 改前BEFORE
tooltip 改前
tooltip 整页 · 改后AFTER
tooltip 改后
form 整页 · 改前BEFORE
form 改前
form 整页 · 改后AFTER
form 改后

4. 为什么要改它

内容
起因GitHub 的 docs-overflow 检查从 09-04 起每次都红。第一个原因是超时预算过期(已修)。修好后露出第二个原因就是这两行。
tooltip 那行的真相债务表里写的理由「栅格轨道撑破容器」对 tooltip 是错的。实测轨道 258 = 容器 258 没撑破,溢出的是常开气泡 3px。3px 是字体度量级别的差,所以它在 mac 上触发、在 Linux runner 上不触发,守卫在两台机器上给出相反结论,CI 因此恒红。
修法出处沿用你 2026-08-20 签核过的那条路「让 demo 卡自己横滚」,往下推一层:只对 --wide 卡、只在 ≤640 手机档。宽屏完全不受影响。
已知代价overflow-x 会连带把 overflow-y 升成 auto,卡片外的浮层可能被裁。已逐页眼验:tooltip 那个气泡画在卡片内部,垂直没被裁。
回滚删这条 CSS 规则 + 把测试表里那两行加回去。一条命令的事。
要你答一个字。OK → 我带 VISUAL_COMMIT_APPROVED=1 提交推送,GitHub 的 docs-overflow 转绿。
不行 → 我把改动从工作树撤掉,停在超时预算那一步,CI 那格如实留红。
规则逐字「AI 仍不得自设本变量:合批减少的是『问几次』,不是『谁来批』」,所以这一步只能你来。