Skip to content
This repository has been archived by the owner on Jan 15, 2019. It is now read-only.

Update editor margins to match the front end on middle-breakpoints #515

Merged
merged 1 commit into from
Nov 8, 2018

Conversation

kjellr
Copy link
Collaborator

@kjellr kjellr commented Nov 8, 2018

A followup to #502. Closes #236.

Adjusts editor styles between 600px and 768px so that the margins are more closely aligned to the front end.

Note that this doesn't make them 100% exact: the editor has about 10px more space on either side. This is because the editor requires more space for the hover/editor controls. We could match these up exactly by adjusting the front end, but I tend to prefer tighter margins in general and I think this is close enough.

Before:
before

After:
updated

A followup to #502. Closes #236.

Adjusts editor styles between `600px` and `768px` so that the margins are more closely aligned to the front end.

Note that this doesn't make them 100% exact: the editor has about 10px more space on either side. This is because the editor requires more space for the hover/editor controls. We _could_ match these up exactly by adjusting the front end, but I tend to prefer tighter margins in general and I think this is close enough.
@kjellr kjellr added this to the RC1 milestone Nov 8, 2018
@kjellr kjellr requested a review from allancole November 8, 2018 15:00
Copy link
Collaborator

@allancole allancole left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like the Post Title font-weight is not the same between editor and front end:

2019-editor-title-font-weight

Fix that and we’re good to go 👍

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sync up margins, line-length between frontend and editor
2 participants