Skip to content

Experiment/UI pane sizing#19

Merged
cscheid merged 2 commits into
mainfrom
experiment/ui-pane-sizing
Feb 24, 2026
Merged

Experiment/UI pane sizing#19
cscheid merged 2 commits into
mainfrom
experiment/ui-pane-sizing

Conversation

@cscheid
Copy link
Copy Markdown
Member

@cscheid cscheid commented Feb 24, 2026

in-repo version of #17

icarusz and others added 2 commits February 23, 2026 11:48
Adds a toggle control (◀ | ▶) in the divider between editor and preview
panes that allows users to switch between three view modes:

- **Both**: 50/50 split (default)
- **Markup**: Full editor + scaled-down preview minimap
- **Preview**: Markdown summary strip + full preview

The arrows follow the "divider movement" mental model:
- ◀ moves divider left → expands preview
- ▶ moves divider right → expands editor
- | returns to equal split

Implementation details:
- ViewModeContext: React context for view mode state with localStorage persistence
- ViewToggleControl: Toggle button component with active state highlighting
- MarkdownSummary: Zoomed-out text view for preview mode minimap
- CSS flexbox layouts for responsive pane sizing
- Injected CSS in preview iframe to hide TOC (which doesn't adapt to narrow containers)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@cscheid cscheid merged commit 4ca5721 into main Feb 24, 2026
4 checks passed
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.

2 participants