[wp-meta] [Making WordPress.org] #7674: New Trac text line-height hinders readability

[Making WordPress.org]

#7674: New Trac text line-height hinders readability
----------------------------+--------------------
 Reporter:  ironprogrammer  |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:
Component:  Trac            |   Keywords:
----------------------------+--------------------
 The text line-height in Trac recently increased to `1.875` (I'm not sure
 when). For my eyes, this makes it harder to read, as the separation of
 lines and blocks of text are so similar.

 After a little spelunking, in `https://s.w.org/style/trac/wp-
 trac.css?218`, this value is set to `1.4` (that inline comment isn't mine,
 but I agree wholeheartedly! 😂):

 {{{#!css
 body, th, tr {
         line-height: 1.4; /* I don't know how you people read without this
 */
 }
 }}}

 But this value is being overridden by inline CSS:
 {{{#!css
 :root :where(body) {
         line-height: var(--wp--custom--body--typography--line-height);
 }}}
 where
 {{{#!css
 --wp--custom--body--typography--line-height: 1.875;
 }}}

 This affects all of the text in Trac (including headers and footers), and
 I feel that override should be isolated to the site chrome that needs it
 (if any), and letting the previous `wp-trac.css` setting do its thing.
 I've personally used [https://www.smashingmagazine.com/2014/09/balancing-
 line-length-font-size-responsive-web-
 design/#:~:text=While%20there%20is%20no%20perfect,float%20away%20from%20each%20other.
 `1.5` line-height] for the majority of agency work I've been involved
 with, which could be a compromise if increasing the line-height here was
 intentional.

 === Visual Example
 ||= `line-height: 1.875` 🔴 =||= `line-height: 1.4` 🟢 =||
 || [[Image(https://cldup.com/UbvdKcPp3n-3000x3000.jpeg)]] ||
 [[Image(https://cldup.com/Mvg6poqS2P-3000x3000.png)]] ||

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/7674>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org