feat(editor): frame the plain editor and reduce side margins#1930
Open
MiMoHo wants to merge 1 commit into
Open
feat(editor): frame the plain editor and reduce side margins#1930MiMoHo wants to merge 1 commit into
MiMoHo wants to merge 1 commit into
Conversation
The editing area was capped at 47em, left aligned and floated without any visual boundary. Let it use the available pane width up to 90em, add a subtle border so the writing field is clearly delimited, and give the header zone above it more breathing room. The frame is dropped in distraction free mode. Assisted-by: Claude Code:claude-fable-5 AI-assistant: Claude Code 2.1.187 (Claude Fable 5)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Design proposal for the plain-text editor (EasyMDE): the writing area is currently capped at 47em, left-aligned and floats without any visual boundary, which makes it feel like writing into empty space, with a disproportionately wide unused margin on larger screens.
This change:
--color-border, follows the light and dark theme),Since spacing and sizing are a matter of taste, I would appreciate a design review — screenshots of the result in light and dark mode are attached:
Testing
Verified in Chromium and WebKit, light and dark theme; production webpack build clean.
🤖 AI (if applicable)
I reviewed and tested the changes myself.