Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Polish paddings, margins, headings #651

Merged
merged 8 commits into from
May 4, 2017
Merged

Polish paddings, margins, headings #651

merged 8 commits into from
May 4, 2017

Conversation

jasmussen
Copy link
Contributor

This PR does a number of little polish things:

  • It darkens the movers a little bit
  • It normalizes block boundary paddings
  • It polishes headings

jasmussen added 6 commits May 4, 2017 11:00
This commit moves some CSS from the button component to the tools stylesheet. It's a better place.

It also lightens the save state so it's the same color as everything else in the editor bar.
There were some offset here and there. This commit makes them 1:1 with the mockups, and also moves to using variables and a little SCSS math that should hopefully make the resulting positioning stuff a little easier to work with.
This tunes the margins a bit. It also resizes headings 1-6 a bit, so they are differentiated and all different. This fixes #625
@jasmussen jasmussen self-assigned this May 4, 2017
@jasmussen jasmussen requested a review from youknowriad May 4, 2017 10:08
@mtias mtias added [Feature] Blocks Overall functionality of blocks General Interface Parts of the UI which don't fall neatly under other labels. Design labels May 4, 2017
@@ -0,0 +1,39 @@
.editor-visual-editor__block[data-type="core/heading"] {
Copy link
Member

@mtias mtias May 4, 2017

Choose a reason for hiding this comment

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

Seems this file is using spaces?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Argh! I thought Atom would default to tabs in new files! Should be fixed now.

@@ -48,6 +48,10 @@ $admin-sidebar-width-big: 190px;
$admin-sidebar-width-collapsed: 36px;
$shadow-popover: 0px 3px 20px rgba( $dark-gray-900, .1 ), 0px 1px 3px rgba( $dark-gray-900, .1 );

/* Blocks */
$block-padding: 14px;
$block-left-margin: 18px;
Copy link
Member

Choose a reason for hiding this comment

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

Is this about the mover? Should we call it that considering it may move to the right in RTL?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Great point. Fixed.

@mtias mtias merged commit a925c6c into master May 4, 2017
@mtias mtias deleted the polish/padding+mover branch May 4, 2017 11:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Blocks Overall functionality of blocks General Interface Parts of the UI which don't fall neatly under other labels.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants