Skip to content

feat: 在迷你地图右侧新增可拖拽滚动进度条#183

Open
Andreaseszhang wants to merge 1 commit intoErlichLiu:mainfrom
Andreaseszhang:feat/scroll-progress-bar
Open

feat: 在迷你地图右侧新增可拖拽滚动进度条#183
Andreaseszhang wants to merge 1 commit intoErlichLiu:mainfrom
Andreaseszhang:feat/scroll-progress-bar

Conversation

@Andreaseszhang
Copy link
Copy Markdown
Contributor

Summary

  • 在消息区域右侧的迷你地图(ScrollMinimap)旁新增可拖拽滚动进度条,替代隐藏的原生滚动条,提供更丝滑的滚动导航体验
  • 支持拖拽滑块(drag)和点击轨道(click-to-jump)两种交互方式
  • 拖拽时自动停止 StickToBottom 的自动滚动,避免冲突
  • 为全部 8 个主题(default / ocean / forest / slate × light / dark)添加了滚动条配色,与各主题视觉风格一致
  • 迷你地图横杠的位置和样式保持不变,仅在其右侧增加滚动条

Changed Files

  • apps/electron/src/renderer/components/ai-elements/scroll-minimap.tsx — 新增滚动进度条组件逻辑(拖拽、轨道点击、滑块尺寸计算)
  • apps/electron/src/renderer/styles/globals.css — 新增 8 个主题的滚动条 thumb/hover/active 样式

Test plan

  • 在 Chat 模式下发送 4+ 条消息,确认迷你地图和滚动进度条同时显示
  • 拖拽滚动条滑块,确认消息区域平滑滚动
  • 点击滚动条轨道空白区域,确认跳转到对应位置
  • 切换全部 8 个主题,确认滚动条颜色与主题协调
  • 悬浮迷你地图横杠,确认消息导航面板正常弹出(不受滚动条影响)
  • 在 Agent 模式下验证同样生效
  • 验证滚动到底部按钮不被遮挡

🤖 Generated with Claude Code

在消息区域的迷你地图右侧添加自定义滚动进度条,提供更丝滑的滚动体验:
- 支持拖拽滑块和点击轨道跳转
- 拖拽时自动停止 StickToBottom 自动滚动
- 适配全部 8 个主题(default/ocean/forest/slate × light/dark)
- 迷你地图位置和样式保持不变

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant