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 left and right alignments for video embeds #24847

Merged
merged 3 commits into from
Oct 29, 2020

Conversation

aristath
Copy link
Member

This PR fixes #24845.
The issue was a markup & CSS inconsistency between the block's frontend and backend.

@aristath aristath added [Type] Bug An existing feature does not function as intended CSS Styling Related to editor and front end styles, CSS-specific issues. labels Sep 11, 2020
@aristath aristath force-pushed the aristath/houdini-embed branch from 217f6ec to 0694d63 Compare September 21, 2020 11:02
@audrasjb
Copy link
Contributor

Hi there 👋

The proposed PR appears to fix the issue.
Here is a video which shows the issue in action: https://vimeo.com/468734592/5f47a4d573

This PR fixes a bug introduced in WP 5.5.2 so it would be great to merge it as soon as possible and to backport it for 5.5.2, just like #26212 🙂

@whyisjake whyisjake added the Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta label Oct 28, 2020
@noisysocks noisysocks added Backport to WP Minor Release Pull request that needs to be backported to a WordPress minor release and removed Backport to WP 6.7 Beta/RC Pull request that needs to be backported to the WordPress major release that's currently in beta labels Oct 29, 2020
Copy link
Contributor

@tellthemachines tellthemachines left a comment

Choose a reason for hiding this comment

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

Tested and this fixes the issue for me!

@noisysocks noisysocks merged commit b103272 into WordPress:master Oct 29, 2020
@github-actions github-actions bot added this to the Gutenberg 9.3 milestone Oct 29, 2020
@talldan talldan changed the title fixes #24845 Fix left and right alignments for video embeds Oct 29, 2020
talldan pushed a commit that referenced this pull request Oct 29, 2020
noisysocks added a commit that referenced this pull request Oct 29, 2020
* Refactor BlockMover to use React hooks (#24774)

* Add drag handle to block toolbar (#24852)

* Add drag handle to block mover component

* Switch draggable chip to reflect toolbar layout

* Use drag cursor

* Hide drag handle on mobile or in top toolbar mode

* Adjust handle and structure.

* Size the switcher.

* Adjust mover.

* Update icon for handle.

* Update movers buttons.

* Fix groups.

* Focus for switcher.

* Handle focus.

* Fix top toolbar.

* Popover fix.

* Fix spacing issue.

* Harmonize spacing.

* Try small independen transition for up / down.

* Reduce motion.

* use dragHandle icon in draggable chip

* Make draggable chip use same icon as toolbar

* Revert "Make draggable chip use same icon as toolbar"

This reverts commit d031006.

* Revert offset change and ensure cursor does not overlap chip block info

* Update snapshots to reflect chevron icon change

Co-authored-by: jasmussen <[email protected]>
Co-authored-by: Matías Ventura <[email protected]>

* Fix issue with single block. (#25107)

* Remove animation from mover buttons. (#25728)

The animation was intended to better convey direction, and were added as an experiment. It doesn't seem successful, so let's remove it again.

* add label in drag and drop button (#25606)

* Change toolbar drag remove labels (#25614)

* Refactor toolabar drag+remove labels

* fix tests

* fixes #24845 (#24847)

* Fix: Post schedule label showing wrong time if site and user timezones did not match (#26212)

* URLInput: Use debounce() instead of throttle() (#26529)

Wait until the user finishes typing before sending an AJAX request. This
ensures that there isn't an AJAX request sent every 200 ms while the
user is typing.

* Update browserlist dependency (#24756)

* Fix composer test failures due to invalid lock (#26472)

* Update package-lock.json

* Set dev environment to use WordPress 5.5

Co-authored-by: Chris Alexander <[email protected]>
Co-authored-by: Daniel Richards <[email protected]>
Co-authored-by: jasmussen <[email protected]>
Co-authored-by: Matías Ventura <[email protected]>
Co-authored-by: Joen A <[email protected]>
Co-authored-by: Nik Tsekouras <[email protected]>
Co-authored-by: Ari Stathopoulos <[email protected]>
Co-authored-by: Jorge Costa <[email protected]>
Co-authored-by: Riad Benguella <[email protected]>
Co-authored-by: Marcus Kazmierczak <[email protected]>
@aristath aristath deleted the aristath/houdini-embed branch October 29, 2020 05:59
@noisysocks noisysocks removed the Backport to WP Minor Release Pull request that needs to be backported to a WordPress minor release label Oct 29, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CSS Styling Related to editor and front end styles, CSS-specific issues. [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Video Embeds set to aligh left/right disappear in the editor
5 participants