style: refine rectification scrollbar

2026-07-23 16:35:51 +08:00
parent b9fa304b1a
commit c9821cc4d4
3 changed files with 42 additions and 1 deletions
@@ -697,3 +697,19 @@
 - 相关记录：BUG-039、BUG-040
 - 复发自：无
 - 修复版本：本次自动滚动修复提交
+
+## BUG-042 | 生时校正沿用系统滚动条导致视觉割裂
+
+- 状态：resolved
+- 首次发现：2026-07-23
+- 最近更新：2026-07-23
+- 影响面：生时校正独立消息列表的桌面端滚动反馈
+- 用户现象：生时校正右侧直接显示浏览器或操作系统默认滚动条，与站内温和、低对比的编辑式界面不一致。
+- 触发条件：生时校正历史内容超过消息区高度，在桌面浏览器出现纵向滚动条。
+- 根因：`.rectification-message-list` 只声明了 `overflow-y: auto`，没有提供跨浏览器的产品内滚动条颜色、宽度和交互状态。
+- 修复：为生时校正消息区增加细宽、透明轨道、低对比圆角拇指，并在 hover 时适度加深；Firefox 使用标准 scrollbar 属性，Chromium / Safari 使用 WebKit 伪元素，颜色继续取现有设计 token。
+- 验证：CSS 契约锁定标准与 WebKit 两套样式，聚焦组件测试、目标 ESLint、production build 与生产浏览器 smoke。
+- 防复发：独立滚动容器必须复用产品 token，并同时覆盖标准 scrollbar 属性和 WebKit 伪元素；不得引入渐变、重阴影或高饱和装饰。
+- 相关记录：BUG-041
+- 复发自：无
+- 修复版本：本次简约滚动条修复提交