[wp-trac] [WordPress Trac] #60776: Pullquote block having minor difference in spacing between editor and front side (was: Twenty Twenty Four :- Pullquote block having minor difference in design in editor and frontside)

[WordPress Trac]

#60776: Pullquote block having minor difference in spacing between editor and front
side
----------------------------------+------------------------------
 Reporter:  nidhidhandhukiya      |       Owner:  (none)
     Type:  defect (bug)          |      Status:  new
 Priority:  normal                |   Milestone:  Awaiting Review
Component:  Editor                |     Version:  6.4.3
 Severity:  normal                |  Resolution:
 Keywords:  move-to-github close  |     Focuses:
----------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:   => move-to-github close
 * component:  Bundled Theme => Editor


Comment:

 [https://github.com/WordPress/gutenberg/pull/45731 PR 45731] edited the
 margins, so I thought this was fixed for WordPress 6.5. However, the
 discrepancy is apparently due to `display: block` on the `cite` element
 within the editor without adding the same on the front end. Likewise,
 Twenty Twenty-Two and Twenty Twenty-Three have a taller Pullquote block on
 the front end, though with a less noticeable height difference (about 8
 pixels instead of 30, at a viewport width of about 988).

 [https://github.com/WordPress/gutenberg/pull/39414/files#diff-
 999a5253d2f2822cbda55ab53c6c98ec7f1faa8968be9de70bd629e8c5dd6749R73 PR
 39414] added the inline style for the Pullquote block citation, mentioning
 a plan to move that to the block's `style.scss`. If adding it in the block
 styles, it may be better with `:where()` to keep the specificity low.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/60776#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform