Automattic / newspack-blocks

Gutenberg blocks for the Newspack project.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Donate Block: 'Thank you' and button alignment issues

laurelfulford opened this issue Β· comments

Describe the bug
I randomly noticed on one of the publisher sites that the standard Donate block isn't displaying correctly -- rather than having the thank you message and Donate button stacked, they kind of sit side by side, but not aligned vertically.

I was able to recreate this on a fresh JN site; it looks like a byproduct of some recent changes.

To Reproduce
Steps to reproduce the behavior:

  1. Add a 'standard' Donate block to a page (default appearance, using Newspack as the reader revenue platform). It should look correct in the editor.
  2. Publish the page.
  3. View on the front-end.

Screenshots
Screenshot showing the current alignment:
image

This is how it looks in the editor preview, which I think is probably how it should look:
image

This is a screenshot from the Donate block documentation showing how it used to look:
image

It looks like this style from the theme is the culprit (vertical-align: bottom on the button tag), so I'm going to move this issue over there to fix it.

Kicking this back to the block repo, as the side-by-side alignment is not intentional.

πŸŽ‰ This issue has been resolved in version 1.57.0-alpha.2 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

πŸŽ‰ This issue has been resolved in version 1.57.0 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€