1547316 - search page datetime fields look wrong

Status: NEW

(Socorro :: Webapp, defect, P3)

Description

[Dana Keeler (she/her) [:keeler]]

Attachment: Screenshot_2019-04-26 Search - Mozilla Crash Reports.png

The date selection ui elements don't look right on https://crash-stats.mozilla.com/search/ (see attached)

The web console also has the error Content Security Policy: The page’s settings blocked the loading of a resource at https://code.cdn.mozilla.net/fonts/fira.css (“style-src”). - that may or may not be related.

Comment 1

[Will Kahn-Greene [:willkg] ET needinfo? me]

The CSP violation is covered in bug #1545446.

I don't see what you see on the search page. I made those changes months ago, so I'm puzzled as to what's going on. What version of Firefox are you using and what's your operating system?

Comment 2

[Dana Keeler (she/her) [:keeler]]

67 beta + linux (gnome)

Comment 3

[Will Kahn-Greene [:willkg] ET needinfo? me]

How curious. I've got 66 release and 68 nightly on ubuntu 18.10 with gnome and it looks fine to me--I'll attach a screenshot.

I don't think there is any styling on that field other than changing the font. I don't know what the problem could be.

Comment 4

[Will Kahn-Greene [:willkg] ET needinfo? me]

Attachment: Screenshot_2019-04-26 Search - Mozilla Crash Reports.png

Firefox 68.0a1 nightly on Ubuntu 18.10.

Comment 5

[Dana Keeler (she/her) [:keeler]]

Attachment: Screenshot from 2019-04-26 12-47-50.png

That looks like the input elements have top/bottom padding, which is not what I'm seeing...

Comment 6

[Will Kahn-Greene [:willkg] ET needinfo? me]

In the box model, I see top and bottom borders of 2. Also, my line-height is 18px.

Do you have a user style for Bugzilla? Do you see this with a fresh profile, too?

Comment 7

[Dana Keeler (she/her) [:keeler]]

No user styles, tried in a fresh profile (same result).

Comment 8

[Will Kahn-Greene [:willkg] ET needinfo? me]

Rehan and I think it's a font problem. I think downloading Fira is kicking up the CSP error, so we're all degrading to other fonts. On OSX, it's degrading to Helvetica. On my Ubuntu box, it's degrading to Noto Sans CJK SC Regular or Ubuntu--I can't really tell.

Making this a P2 to look at further.

Comment 9

[Dana Keeler (she/her) [:keeler]]

I installed fira sans and it looks better, but it still seems a bit high (the text isn't aligned with the x button as in attachment 9061066 [details]).

Comment 10

[Will Kahn-Greene [:willkg] ET needinfo? me]

We nixed fira sans. So now it looks wonky for me, too.

I fiddled with it for a bit, but I don't know what I'm doing really so I didn't make any headway.

I'm going to bump this down to P3 since we're not going to get to this any time soon.