From c11f204b1733711da13fdbb31bdb1011a7a77a7b Mon Sep 17 00:00:00 2001 From: mesalogo Date: Mon, 28 Sep 2026 18:06:20 +0800 Subject: [PATCH] fix: align conversation list scrollbar with notes Use a thin native scrollbar with a transparent track and theme colors for the conversation list on fine-pointer devices. Preserve system defaults for coarse pointers and forced colors. Release note: The conversation list now uses the same subtle scrollbar style as notes, with native touch and high-contrast behavior preserved. --- UI-DESIGN.md | 1 + src/renderer/src/styles.css | 7 +++++++ 2 files changed, 8 insertions(+) diff --git a/UI-DESIGN.md b/UI-DESIGN.md index ef2f40c0..9cd6d89e 100644 --- a/UI-DESIGN.md +++ b/UI-DESIGN.md @@ -295,6 +295,7 @@ - 当前导航项和当前会话使用一致的淡蓝选中背景、强调色文字和中等字重,不额外描边或添加侧边标记;导航图标随选中状态使用强调色,悬停时保留选中状态。浅深主题遵循相同规则,强制颜色模式保留系统选中边框。 - 固定导航行高至少 `36px`、行间距 `4px`,图标统一为 `16px`;导航与最近会话分隔线上下各留 `16px`。普通待办和待处理建议数量使用中性色徽标,不使用危险红色;徽标高度不得改变导航行高。搜索框获得内部焦点时显示完整焦点环。 - 未选中项保持平整,不为每一行添加卡片边框或阴影。悬停反馈不得强于选中状态。 +- 最近会话列表在精细指针设备上使用细原生滚动条,滑块使用 `--border-control`、轨道透明;强制颜色与粗指针设备保留系统默认。 - 最近会话的顺序不随流式输出增量反复变化;置顶与新消息排序遵守 [会话列表排序规则](./docs/features/application-tool-navigation/ui-design.md#会话置顶与操作菜单)。 - 项目选择器顶行保留项目切换与新建按钮;项目设置统一从下拉列表对应行的管理按钮进入,关闭后焦点返回项目选择器。 diff --git a/src/renderer/src/styles.css b/src/renderer/src/styles.css index 551855de..87d39112 100644 --- a/src/renderer/src/styles.css +++ b/src/renderer/src/styles.css @@ -3655,6 +3655,13 @@ textarea:focus-visible { overflow: auto; } +@media (forced-colors: none) and (pointer: fine) { + .conversation-list { + scrollbar-width: thin; + scrollbar-color: var(--border-control) transparent; + } +} + .conversation-entry + .conversation-entry { margin-top: var(--space-1); }