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

Columns styles: Update editor selector for reordering columns #435

Merged
merged 1 commit into from
May 4, 2020

Conversation

laurelfulford
Copy link
Contributor

All Submissions:

Changes proposed in this Pull Request:

This PR removes the .wp-block class from the selectors for the Columns block styles in the editor. At some point, this container was removed from from the block markup, but! It does exist on the block itself. So when the block is nested in another -- like the group block, like you'd see with the Newspack block patterns -- the preview displays as expected.

Closes #434.

How to test the changes in this Pull Request:

  1. Add a column block to the editor with 2-3 columns.
  2. In each column, add a paragraph block that labels the order - for example, Column 1, Column 2:

image

  1. Select the 'first column to second' block style.
  2. Note the preview isn't updated:

image

  1. Apply the PR and run npm run build
  2. Refresh the editor and confirm that the block style is now previewing correctly:

image

Other information:

  • Have you added an explanation of what your changes do and why you'd like us to include them?
  • Have you written new tests for your changes, as applicable?
  • Have you successfully ran tests with your changes locally?

Copy link
Contributor

@jeffersonrabb jeffersonrabb left a comment

Choose a reason for hiding this comment

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

🚢

@laurelfulford
Copy link
Contributor Author

Thanks Jeff!

@laurelfulford laurelfulford merged commit 396826a into master May 4, 2020
@laurelfulford laurelfulford deleted the fixes/434-column-reordering branch May 4, 2020 20:27
jeffersonrabb pushed a commit that referenced this pull request May 5, 2020
* refactor: alphabetization (#447)

* fix: patterns preview thumbnails (#453)

* fix: update editor selector for reordering columns (#435)

* feat: use swiper for non-amp carousels

* chore: remove amp libraries in non-amp requests

* feat: use swiper for non-amp carousels

* feat: implement all carousel features with swiper

* chore: fix phpcs syntax issues

* fix: prev/next buttons position

* fix: use large featured image in the editor

* refactor: data attributes for autoplay and delay

Co-authored-by: Thomas Guillot <thomasguillot@users.noreply.github.com>

* fix: byline, avatar and date in carousel block (#455)

* fix: byline, avatar and date in carousel block

* feat: real author links for avatar and author name

Co-authored-by: Thomas Guillot <thomasguillot@users.noreply.github.com>
Co-authored-by: Laurel <laurel.fulford@automattic.com>
matticbot pushed a commit that referenced this pull request May 5, 2020
# [1.4.0](v1.3.1...v1.4.0) (2020-05-05)

### Bug Fixes

* byline, avatar and date in carousel block ([#455](#455)) ([85b7865](85b7865))
* patterns preview thumbnails ([#453](#453)) ([3ca80e0](3ca80e0))
* update editor selector for reordering columns ([#435](#435)) ([396826a](396826a))

### Features

* use swiper for non-amp carousels ([94c0a2b](94c0a2b))
@matticbot
Copy link
Contributor

🎉 This PR is included in version 1.4.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Successfully merging this pull request may close these issues.

Editor view rearranges columns to match mobile ordering
3 participants