mirror of
https://github.com/raven-pensieve/obsidian-ace-code-editor.git
synced 2026-07-22 05:48:56 +00:00
将 minimap 滑块改为固定高度并加入容器层级的悬停与拖拽状态, 以改善可见性和交互一致性。主要改动包括: - 在组件中添加 containerRef、isHovering 和 isDragging 状态, 并在容器上注册 onMouseEnter/onMouseLeave 以控制滑块显示。 - 在滑块按下时设置 isDragging 为 true,释放时重置为 false, 防止拖拽过程中悬停状态被误清除。 - 移除基于可视行数计算的滑块高度,改用 CSS 中的固定高度 (10dvh),并只通过 CSS 变量更新滑块顶部位置,避免高度闪烁。 - 根据 isHovering 和 isDragging 动态添加类名以控制透明度和 拖动样式,调整 CSS 动画时长、边框和圆角以提升视觉效果。 这些修改解决了滑块高度抖动、悬停触发不稳定以及拖拽时 可见性不足的问题,提升了 minimap 的使用体验。 |
||
|---|---|---|
| .. | ||
| AceEmbedView.css | ||
| AceView.css | ||
| BaseModal.css | ||
| CreateCodeFileModal.css | ||
| EditCodeBlockModal.css | ||
| Minimap.css | ||
| QuickConfigModal.css | ||
| SettingsTab.css | ||
| SettingsView.css | ||
| SnippetsFileModal.css | ||
| styles.ts | ||