现象
概览页(Overview)当前有右侧滚动条,可在主内容区上下滑。视觉上让"概览"看起来像内容很长,不符合 dashboard 的「一眼看完」预期。其他 tab(History / Vocab / Style 等)的右侧滚动条也偏粗、抢眼。
修复
`FloatingShell.tsx` 的 page wrapper(line 261 附近,`overflow: 'auto'`):
- 当 `displayTab === 'overview'` 时改成 `overflow: 'hidden'`,让 Overview 撑不出滚动
- 其他 tab 维持 `overflow: 'auto'`,但加 `.ol-thinscroll` 样式让滚动条细一些
`styles/tokens.css` 新增 `.ol-thinscroll` —— 与既有 `.ol-noscrollbar` 同位置,区别是「细而仍可见」(保留可滚动 affordance)。
验收
现象
概览页(Overview)当前有右侧滚动条,可在主内容区上下滑。视觉上让"概览"看起来像内容很长,不符合 dashboard 的「一眼看完」预期。其他 tab(History / Vocab / Style 等)的右侧滚动条也偏粗、抢眼。
修复
`FloatingShell.tsx` 的 page wrapper(line 261 附近,`overflow: 'auto'`):
`styles/tokens.css` 新增 `.ol-thinscroll` —— 与既有 `.ol-noscrollbar` 同位置,区别是「细而仍可见」(保留可滚动 affordance)。
验收