Page MenuHomePhabricator

Review text alignment of Phonos label compared to surrounding text
Open, Needs TriagePublic3 Estimated Story PointsBUG REPORT

Assigned To
None
Authored By
dom_walden
Jan 12 2023, 8:31 AM
Referenced Files
F36153573: text_alignment_timeless_safari16.png
Jan 12 2023, 8:31 AM
F36153571: text_alignment_timeless_chromium108.png
Jan 12 2023, 8:31 AM
F36153568: text_alignment_timeless_firefox102.png
Jan 12 2023, 8:31 AM
F36153562: text_alignment_monobook_safari16.png
Jan 12 2023, 8:31 AM
F36153560: text_alignment_monobook_chromium108.png
Jan 12 2023, 8:31 AM
F36153558: text_alignment_monobook_firefox102.png
Jan 12 2023, 8:31 AM
F36153528: text_alignment_minerva_safari16.png
Jan 12 2023, 8:31 AM
F36153526: text_alignment_minerva_chromium108.png
Jan 12 2023, 8:31 AM

Description

What is the problem?

The Phonos label is not always aligned with the surrounding text.

SkinFirefox 102Chromium 108Safari 16
Vector 2022
text_alignment_vector22_firefox102.png (23×90 px, 9 KB)
text_alignment_vector22_chromium108.png (23×88 px, 9 KB)
text_alignment_vector22_safari16.png (27×88 px, 934 B)
Vector 2010
text_alignment_vector10_firefox102.png (23×89 px, 10 KB)
text_alignment_vector10_chromium108.png (23×79 px, 10 KB)
text_alignment_vector10_safari16.png (29×83 px, 1 KB)
Minerva
text_alignment_minerva_firefox102.png (27×90 px, 10 KB)
text_alignment_minerva_chromium108.png (26×100 px, 9 KB)
text_alignment_minerva_safari16.png (24×80 px, 847 B)
Monobook
text_alignment_monobook_firefox102.png (20×87 px, 9 KB)
text_alignment_monobook_chromium108.png (20×76 px, 9 KB)
text_alignment_monobook_safari16.png (23×80 px, 874 B)
Timeless
text_alignment_timeless_firefox102.png (24×87 px, 10 KB)
text_alignment_timeless_chromium108.png (24×88 px, 10 KB)
text_alignment_timeless_safari16.png (28×89 px, 950 B)

The above screenshots were taken while logged out. I have noticed on some skins (particularly Timeless) that the alignment is different when logged in vs. logged out (on beta at least).

Steps to reproduce problem

The article I used to test was https://en.wikipedia.beta.wmflabs.org/wiki/Phonos_Text_Alignment
Skins:

Environment

Browser: Firefox 102, Chromium 108, Safari 16 (tested on Browserstack)
Wiki(s): https://en.wikipedia.beta.wmflabs.org Phonos 0.1.0 (4323962) 07:25, 10 January 2023.