Skip to content

Fix #16: Add a minimap on the right showing document overview - #24

Open
github-actions[bot] wants to merge 1 commit into
mainfrom
claude/issue-16
Open

Fix #16: Add a minimap on the right showing document overview#24
github-actions[bot] wants to merge 1 commit into
mainfrom
claude/issue-16

Conversation

@github-actions

@github-actions github-actions Bot commented Feb 1, 2026

Copy link
Copy Markdown

Closes #16

Demo

Demo

Demo

Demo

Summary

Added a minimap panel on the right side of the editor that displays a zoomed-out overview of the entire document. The minimap shows document structure as horizontal bars and includes a viewport indicator showing the current scroll position. Users can click anywhere in the minimap to quickly jump to that section of the document, making navigation in longer notes much easier.

Before & After

Before After
before after
Editor without minimap - standard view only Minimap visible on right side showing document overview with viewport indicator

Files Changed

  • src/components/Editor.tsx: Added minimapPlugin ViewPlugin that creates a canvas-based minimap with viewport tracking and click-to-jump navigation
  • src/components/Editor.css: Added styles for .minimap container, .minimap-canvas, and .minimap-viewport indicator with light/dark theme support

Tests

  • e2e/issues/16/verify.spec.ts - Verification test with before/after visual assertions confirming minimap presence
  • e2e/issues/16/demo.spec.ts - Demo showing minimap in action with scrolling and click navigation

🤖 Generated with Claude Code

Co-Authored-By: Claude <claude@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.

Add a minimap on the right showing document overview

1 participant