Patch Largo to fix Gutenberg stylesheet misaligning paragraphs and left/right images

[benlk]

If there isn't a fix for WordPress/gutenberg#16241 in WordPress Core or the Gutenberg plugin by the time that Largo 0.6.4 is ready, take the following actions:

• copy the changes from Fix floated image alignment woocommerce/storefront#1165 into largo's LESS in a file named gutenberg-shim-16241.less
• create a ticket to remove that shim in the next Largo release if Gutenberg has fixed the bug

This was reported by an INN member in https://secure.helpscout.net/conversation/884401410/3812/

This is Clickup task ID #166f8b

[joshdarby]

@benlk After todays discussion about the implementation of this, do we still want to create a new .less file and a ticket to remove it later on?

[benlk]

Yes.

[joshdarby]

@benlk Could you help me reproduce this? I followed your instructions from WordPress/gutenberg#16241 on my local Current.org env

To reproduce
Steps to reproduce the behavior:

1. With WordPress 5.2.2.1 and no Gutenberg plugin
2. Add an image block aligned right that is less than the full column width.
3. Following the image block, add a paragraph text block.
4. See error

but I'm not seeing the issue? What am I missing?

[benlk]

I think it's only visible if the image block is the first block in the post.

With a paragraph block before the image block, in Firefox:

Without a paragraph before the image block, in Firefox

With a paragraph block before the image block, in Chrome:

Without a paragraph before the image block, in Chrome:

I don't understand why that would be the case; there doesn't appear to be any difference in styles between the image block first in the post and the image block later in the post.