Twenty Ten: Pullquote line-height too tall

[melchoyce]

The pullquote block should use a tighter line-height for better readability. See attached before/after screenshot.

[sabernhardt]

To avoid multiplying the paragraph's 1.5em font size by the default inline global 1.5em on .wp-block-pullquote, this resets the block's font size to 1em. The text has been extra large on the front end since WordPress 6.1.

I applied both styles in the editor, too.

[ugyensupport]

Twenty Ten: Pullquote line-height too tall

Description

The pullquote block should use a tighter line-height for better readability. See attached before/after screenshot.

Environment

• WordPress: 6.2.2
• PHP: 8.0.0
• Server: Apache/2.4.10 (Debian)
• Database: mysqli (Server: 5.5.59-MariaDB-1~wheezy / Client: 5.5.62)
• Browser: Chrome 113.0.0.0 (macOS)
• Theme: Twenty-Ten 3.8
• MU-Plugins: None activated
• Plugins:
  • Gutenberg 15.9.1

Steps to Reproduce

1. Install Twenty Ten Theme and create a blog post using Pullquote block.
2. Publish the blog post and
3. 🐞 Bug occurs, Here you could see that the pullquote block should use a tighter line-height for better readability as mentioned in @melchoyce screenshot.

​https://ibb.co/9ZcmL2j

Expected Results

1. ✅ I would agree with @sabernhardt The text has been extra large on the front end since WordPress 6.1. There @melchoyce's patch 52546.1.diff fixes make a pullquote block tighter line height for better readability.

​https://ibb.co/j9C6Gq6

Actual Results

1. Looking forward to seeing this fix in the near release of our WordPress.

[Heiko_Mamerow]

origin with bigger line-height

[Heiko_Mamerow]

Patched with smaller line-height

[Heiko_Mamerow]

I also tested this:

Test Report

This report validates that the indicated patch addresses the issue.

Environment

• OS: Ubuntu 23.04
• Web Server: Nginx
• PHP: 8.1.9
• WordPress: 6.2.2
• Browser: Firefox 115
• Theme: Twenty Ten
• Active Plugins: none

Actual Results

• ✅ Issue resolved with: https://core.trac.wordpress.org/attachment/ticket/52546/52546.1.diff

Supplemental Artifacts

See my attached images above...

[pooja1210]

Hi,

Patch report for - https://core.trac.wordpress.org/attachment/ticket/52546/52546.1.diff

Environment:
WordPress - v6.2.2
Theme - Twenty Ten
Os - Mac
Browser - Chrome

Expected Result - Pullquote block should use a tighter line-height for better readability ☑️

Screenshots:
Before - ​https://prnt.sc/_LD_mkoo-d54
After - ​https://prnt.sc/bx2mx_Nx4Wry

Thanks!

[audrasjb]

Looks good to ship! Thanks all for the patch and tests.
Self-assigning for commit.

[audrasjb]

In 55978:

Twenty Ten: Improve Pullquote block line height for better readability.

Props melchoyce, sabernhardt, ugyensupport, Heiko_Mamerow, pooja1210.
Fixes #52546.