[wp-trac] [WordPress Trac] #62965: Twenty Ten: Details block having font-size issue in editor side (was: Twenty Ten :- Details block having font-size issue in editor side for hidden text.)

[WordPress Trac]

#62965: Twenty Ten: Details block having font-size issue in editor side
------------------------------+------------------------------
 Reporter:  nidhidhandhukiya  |       Owner:  (none)
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  Awaiting Review
Component:  Bundled Theme     |     Version:
 Severity:  normal            |  Resolution:
 Keywords:                    |     Focuses:  css
------------------------------+------------------------------
Changes (by sabernhardt):

 * focuses:   => css


Comment:

 The theme's (block) editor styles could be fixed, but I do not agree about
 decreasing the font size (or the `line-height`) of paragraphs in the
 Details block.

 On the front end, the inner paragraph matches the font size of the
 `summary`:
 - 16px in the main content area
 - 12px in widgets

 In the editor, the `summary` is 12px and standard paragraphs are 16px,
 whether you are editing a post or widgets. Twenty Ten's (Classic) editor
 stylesheet sets a `body` font size of 12px. Then it sets common elements
 to 16px: `p`, `dl`, `td`, `th`, `ul`, `ol`, and `blockquote`. As a result,
 the `font-size` discrepancy can happen with `div` elements too, including
 Button and File blocks.

 Instead of trying to match font size one way in the post editor plus
 another way when editing widgets, I propose a smaller edit: updating the
 `body` size to 16px. It would not match the front for widgets, but I
 prefer that discrepancy over having the text so small in the editor (and
 elements such as paragraphs and lists have been larger in the widget
 editor since WordPress 5.8 introduced blocks for widgets).

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