1721810 - Widget Download button on release_notes page has text offset from center (vertically)

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, defect)

Description

[Cristian Fogel [:cfogel]]

Attachment: 1.png

Affected versions
*92.0a1 (2021-07-21);

Affected platforms

• Windows 10;
• will confirm on others as well when possible;

Steps to reproduce

1. Launch Firefox, access https://www.mozilla.org/en-US/firefox/90.0.2/releasenotes/
2. Scroll down 1-2 times if needed to trigger the download widget from the bottom right section of the page;

Expected result

• elements are displayed as expected;

Actual result

• the Download Firefox button from the widget is not centered vertically;

Additional notes

• attached screenshot to illustrate the issue.

Comment 1

[Cristian Fogel [:cfogel]]

Attachment: Screenshot_1.png

Full image for better overview.

Comment 2

[Brian Pitts]

Craig, what is the right place for issues like this to be reported?

Comment 3

[Craig Cook (:craigcook)]

Moved to www.mozilla.org > Pages & Content, which is sort of a catchall component for front-end issues on www.

It looks like the Metropolis font has a slightly higher baseline than other fonts. It's hard to adjust sizing or for specific fonts, so we might just have to live with it. On larger buttons it doesn't seem quite as obvious, but on this small button with tighter padding Metropolis looks to be a full pixel higher than other fonts. I'll see if there's a reasonable approach we might take but I suspect this might be a wontfix, at least until we change our design system.