Post Title: Add padding support

[ndiego]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Dimensions Design Tools Consistency #43243

What?

Add padding support to the Post Title block.

Why?

To create consistency across blocks. This also allows users to override padding applied to Post Title blocks when there is a background color.

How?

Added the relevant block support in block.json

Testing Instructions

1. Insert a new Post Title block.
2. Confirm the Dimension control panel allows you to add padding.
3. Adding padding and configure.

Screenshots or screencast

[andrewserong]

Thanks for looking into these PRs, @ndiego!

One of the things I noticed when I was working on a similar PR for the Post Date block (#43406) is that I needed to add a box-sizing: border-box CSS rule in order for the padding to be consistent with other blocks that already have padding controls (e.g. Group block) while running TwentyTwentyTwo.

In the Group block's CSS, this is where the styling rule is set:

gutenberg/packages/block-library/src/group/style.scss

Lines 2 to 3 in b0f6704

	// This block has customizable padding, border-box makes that more predictable.
	box-sizing: border-box;

Here's an example of the Post Title block set next to a Group block, both with the same padding value:

What do you think about adding the same rule for the Post Title block?

[aaronrobertshaw]

+1 for the box-sizing suggestion.

Added this PR to the tracking issue as well.

[andrewserong]

Thanks for the update @ndiego!

✅ Padding is working as expected in the post editor
✅ Padding is working as expected in the site editor and set in global styles

LGTM! ✨