Comments Pagination Numbers: Add typography support

[aaronrobertshaw]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adds typography support to the Comments Pagination Numbers block.

Why?

• Adds typography styling for the Comments Pagination Numbers block.
• Improves consistency of our design tools across blocks.
• Allows numbers to be styled the same as the previous and next links

How?

• Opts into typography supports.
• Sets the font size as the only control displayed by default.

Testing Instructions

1. Edit a post with several comments, add a Comments block and select the pagination's numbers.
2. Check that the font size control displays by default.
3. Test various typography settings ensuring styles are applied in the editor.
4. Save and confirm the application on the frontend.
5. Switch to the site editor, and select a page or template with a Comments block.
6. Navigate to Global Styles > Blocks > Comments Pagination Numbers > Typography and apply typography styles there.
7. Confirm the selected styles are reflected in the preview and on the frontend.

Screenshots or screencast

Screen.Recording.2022-08-17.at.11.10.24.am.mp4

[talldan]

Works great.

I put together a separate PR to fix the way the page numbers don't look like proper links in the editor in some themes - #43354.