Page MenuHomePhabricator

[MSMF] Button texts are not centered in various places
Closed, DuplicatePublicBUG REPORT

Description

Note that I did the following Phabricator search before writing this :)

Steps to replicate the issue:

What happens?:

Seems like the buttons on the page don't have their texts centered? See screenshots below:

Screenshot from 2024-04-16 13-23-44.png (156×51 px, 2 KB)

Screenshot from 2024-04-16 13-23-32.png (147×51 px, 2 KB)

Screenshot from 2024-04-16 13-23-17.png (275×51 px, 5 KB)

Screenshot from 2024-04-16 13-23-06.png (222×51 px, 3 KB)

I've loaded each of the above screenshots into Figma to check the dimensions and there's extra space beneath the label in all of them except one. For the language selector the space is equal, but then there's a lowercase g, so maybe the text should be a bit lower still?

What should have happened instead?:

The text should be centered.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Currently deployed version of Mismatch Finder.

Other information (browser name/version, screenshots, etc.):

Browser is Firefox 124.0.2 (64-bit).

Event Timeline

Hi @AndrewTavis_WMDE, this is known and it affects sadly just Firefox on macOS due to it using "Helvetica" instead of "HelveticaNeue" as font-family for fallback sans-serif. Both feature different letter box heights. There's also T307484 or parent T326900 which you might decide to close this as duplicate into.
I've very recently identified a possible approach to this, which I'll propose in Codex and or OOUI to start with and then go from there.

Thanks so much for the note, @Volker_E! 😊 One thing though, as this task was made from my work account, the screenshots above were almost certainly taken on Linux. Maybe it's something with Mismatch Finder not being fully Codex and then it'll be fixed when the migration happens or the changes for T307484/T326900 go through.

Hope the week has gone well and that you have a nice weekend!