[wp-trac] [WordPress Trac] #61659: Add New links at the top of some pages become huge on smaller screens (was: The buttons in the heading of some pages are becoming huge.)

[WordPress Trac]

#61659: Add New links at the top of some pages become huge on smaller screens
----------------------------+------------------------------
 Reporter:  Luan Ramos      |       Owner:  (none)
     Type:  enhancement     |      Status:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:  needs-patch     |     Focuses:  ui, css
----------------------------+------------------------------
Changes (by sabernhardt):

 * type:  defect (bug) => enhancement
 * component:  General => Administration


Comment:

 I think the link's height looked more broken before #40331 and WordPress
 6.6, so I reclassified this as an enhancement.

 [26134] mentions size adjustments "for better touch usability." The
 current 52.15 pixels tall is a bit larger than necessary, though the
 recommended minimum is 44. The `.page-title-action` links could add a
 `line-height` of `1.57142857` on narrower screens for exactly 44 pixels
 tall.

 Alternatively, the common button-style links are 40 pixels tall, which
 would match the height for search fields and similar elements below the
 page title. For consistency with both of those, the `.page-title-action`
 links could add the `padding`, `line-height` and `min-height` found in
 `.wp-core-ui .button` styles. (The `line-height` is high, but that should
 be fine because the text does not wrap.)
 {{{
 @media screen and (max-width: 782px) {
   .wp-core-ui .button {
     padding: 0 14px;
     line-height: 2.71428571;
     min-height: 40px;
   }
 }
 }}}

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