Skip to content

fix(ui): 概览页应当为整屏,不可滚动;其他页 scrollbar 变细 #243

@appergb

Description

@appergb

现象

概览页(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 tab:右侧无 scrollbar
  • 切到 History / Vocab / Style / Translation / Selection Ask:右侧 scrollbar 比之前细
  • 内容仍可滚(细只是视觉,不破坏功能)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions