Twenty Twelve: fix heading typography in the editor

[dilip2615]

When activating the 'Twenty Twelve' theme and creating any post then display 'Add title' font size is very low compare to others

[dilip2615]

Add title display very low, need to increase/improve font size.

[navinrangar]

i'm new to core; i tried finding the file where the code for 'add new post' is written, but couldn't make it.

I want to contribute to this ticket, could anyone pl help me finding the related file?

[sabernhardt]

adds selectors with .editor-styles-wrapper and/or .wp-block-post-title for typography rulesets

[sabernhardt]

The post title font-size should remain as it is on the front: the rem equivalent of 20px for small screens, 22px for screens wider than 600 pixels. It is very late to change that in a 12-year-old theme.

In the (iframe) editor, the size equals 21 pixels, which is a minor mismatch. However, the editor-blocks.css file had defined styles to match the front with now-obsolete selectors such as .editor-post-title__block .editor-post-title__input. The font-weight is a more noticeable difference than the size.

The patch adds selectors that fit the current editor. Some of the proposed updates are not necessary within the iframe, but the non-framed version would use them. I also kept the original selectors for anyone with a WordPress 5.x site.

[iflairwebtechnologies]

@dilip2615
Generated new 62010.patch
Here you can see beforUpdated.png and afterUpdate.png

[sabernhardt]

I could have edited the ticket summary earlier. The theme's font size for post titles is 20px with narrower viewports and 22px for wider. 62010.diff​ may need additional iterations, but the patch should follow that direction.

[mukesh27]

Nice catch @dilip2615

As patch needs some iteration i'm going to add the needs-refresh, also added good-first-bug

[dilip2615]

Replying to mukesh27:

Thank you for your support.