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

Preformatted: Add border block support #64302

Merged
merged 1 commit into from
Aug 9, 2024

Conversation

akasunil
Copy link
Member

@akasunil akasunil commented Aug 6, 2024

What?

Add border block support to the Preformatted block.

Part of #43247

Why?

Preformatted block is missing border support.

How?

Adds the border block support in block.json

Testing Instructions

  • Go to Global Styles setting ( under appearance > editor > styles > edit styles > blocks )
  • Make sure that Preformatted block's border is configurable via Global Styles
  • Verify that Global Styles are applied correctly in the editor and frontend
  • Edit template/page, Add Preformatted block and Apply the border styles
  • Verify that block styles take precedence over global styles
  • Verify that block borders display correctly in both the editor and frontend

Watch attached video for more information.

Screenshots or screencast

Blog-Home-.-Template-.-gutenberg-.-Editor-.-WordPress.1.webm

@akasunil akasunil added [Type] Enhancement A suggestion for improvement. [Block] Preformatted Affects the Preformatted Block - used for showing preformatted text labels Aug 6, 2024
@akasunil akasunil requested a review from ajitbohra as a code owner August 6, 2024 09:54
Copy link

github-actions bot commented Aug 6, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: akasunil <[email protected]>
Co-authored-by: ramonjd <[email protected]>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@akasunil akasunil requested a review from ramonjd August 7, 2024 04:56
@akasunil akasunil self-assigned this Aug 7, 2024
Copy link
Member

@ramonjd ramonjd left a comment

Choose a reason for hiding this comment

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

This change makes sense.

The block already has background colors and padding, so the border fits in well.

Screenshot 2024-08-09 at 11 09 17 AM

@akasunil akasunil merged commit b11bdc0 into trunk Aug 9, 2024
69 checks passed
@akasunil akasunil deleted the add/preformatted-border-support branch August 9, 2024 04:16
@github-actions github-actions bot added this to the Gutenberg 19.1 milestone Aug 9, 2024
getdave pushed a commit that referenced this pull request Aug 14, 2024
@artemiomorales artemiomorales added the [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi label Aug 23, 2024
@fabiankaegy fabiankaegy mentioned this pull request Oct 1, 2024
97 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Preformatted Affects the Preformatted Block - used for showing preformatted text [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants