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

Fix toolbars, polish inserter, inspector, lots of blocks #1597

Merged
merged 10 commits into from
Jun 30, 2017

Conversation

jasmussen
Copy link
Contributor

This is sort of a "trash pickup" PR, and polishes a lot of small things:

  • It fixes an issue where blocks with no toolbar would collapse on select
  • Fixes a responsive issue with the in-text inserter, and polishes
  • Adds toggle for Cover Image dimming
  • Adds max width and centering to Cover Image text
  • Makes permalink container go full width
  • Uses the new BlockDescription component by @swissspidy and applies it to all blocks with inspector controls
  • Polishes and normalizes inspector styles
  • Tweaks the pullquote

Screenshots:

screen shot 2017-06-30 at 11 09 09

screen shot 2017-06-30 at 11 09 35

screen shot 2017-06-30 at 11 10 21

screen shot 2017-06-30 at 11 09 50

screen shot 2017-06-30 at 11 09 54

@jasmussen jasmussen added [Feature] Blocks Overall functionality of blocks General Interface Parts of the UI which don't fall neatly under other labels. labels Jun 30, 2017
@jasmussen jasmussen self-assigned this Jun 30, 2017
@@ -108,7 +109,11 @@ registerBlockType( 'core/heading', {
),
focus && (
<InspectorControls key="inspector">
<h3>{ __( 'Heading Size' ) }</h3>
<BlockDescription>
<p>{ __( 'Search engines use the headings to index the structure and content of your web pages.' ) }</p>
Copy link
Member

Choose a reason for hiding this comment

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

Headings are great for readers too 🙂

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Hah, yes indeed. I think we'll actually want to go over those descriptions altogether, perhaps in a separate PR. The text description is a little jokey as is ;)

@@ -95,18 +96,29 @@ registerBlockType( 'core/cover-image', {
const sectionClasses = classnames( {
'cover-image': true,
'has-parallax': hasParallax,
'has-background-dim': hasBackgroundDim,
Copy link
Contributor

Choose a reason for hiding this comment

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

We'd probably need to add this class to the save function too

@@ -10,6 +10,9 @@
color: white;
font-size: 24pt;
line-height: 1em;
max-width: $visual-editor-max-width;
padding: $block-padding;
text-align: center;
Copy link
Contributor

Choose a reason for hiding this comment

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

I guess some of these are editor specific while the text-align might be shared with the frontend styling too.
This is just a note to take these considerations into account while rebasing.

Copy link
Contributor

@youknowriad youknowriad left a comment

Choose a reason for hiding this comment

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

Small notes but LGTM. 🚢 it after the rebase

@jasmussen jasmussen merged commit b485b0d into master Jun 30, 2017
@jasmussen jasmussen deleted the fix/selected-blocks-other branch June 30, 2017 10:39
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.

3 participants