WordPress.org
Get WordPress

Making WordPress.org

Opened 4 weeks ago

Closed 3 weeks ago

#7766 closed defect (bug) (fixed)

`span.time-ago` line-height appears misaligned in Safari

Reported by: ironprogrammer's profile ironprogrammer Owned by: dd32's profile dd32
Milestone: Priority: low
Component: Trac Keywords:
Cc:

Description

I recently noticed that in Safari, the span.time-ago line-height appears misaligned, as previously observed in #7674. The span's line-height inherits 22px from `span.avatar`. It might be a sub-pixel issue, as both 21px and 23px seem to line things up.

https://cldup.com/FwyKWL8zxL.png

Chrome and Firefox display the span as expected.

Environment

  • Hardware: MacBook Pro Apple M1 Pro
  • OS: macOS 14.6.1
  • Browser: Safari 17.6, Google Chrome 128.0.6613.120, Mozilla Firefox 129.0.2

Change History (1)

#1 @dd32
3 weeks ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 14028:

Trac: Set a specific 12px font-size to avoid Safari rounding issues with 11.9px font sizes.

Props ironprogrammer, dd32.
See #7674.
Fixes #7766.

Note: See TracTickets for help on using tickets.