1024741 - [UX] Style update for the notification bar

Status: RESOLVED FIXED

(Firefox :: General, defect)

Comment 1

[Jared Wein [:jaws] (please needinfo? me)]

This bug is not actionable without more information. Michael, can you please provide a spec or describe what changes are needed to fix this bug?

Comment 2

[Michael Maslaney [:mmaslaney] ([e-mail])]

Jared, I'll be providing a detailed spec next week.

Comment 3

[Marco Mucci [:MarcoM]]

Hi Michael, are you picking up Bug 1024741 for this iteration?

Comment 4

[Michael Maslaney [:mmaslaney] ([e-mail])]

Marco, I'll be picking this bug up for this iteration.

Comment 5

[Marco Mucci [:MarcoM]]

Thanks Michael.  Added to Iteration 33.1.  Can you provide a point value.

Comment 6

[Michael Maslaney [:mmaslaney] ([e-mail])]

No problem. I would estimate it to be a Medium 5.

Comment 7

[Michael Maslaney [:mmaslaney] ([e-mail])]

Attachment: -Prompt-assets.zip

Prompt mock: 
http://people.mozilla.org/~mmaslaney/prompt/Prompts.png

Prompt spec:
http://people.mozilla.org/~mmaslaney/prompt/Prompt-spec.png

Sketch source file:
https://www.dropbox.com/sh/lirlmg7en59n9nc/AADRTBiUILmLegY1hcxZ62fpa

Comment 8

[Michael Maslaney [:mmaslaney] ([e-mail])]

Tab Prompt Spec:
http://people.mozilla.org/~mmaslaney/prompt/Tab-prompts.png


Sketch source file:
https://www.dropbox.com/sh/2kmtlzpu21c2h04/AACYEiYJpuQNhepNrclbo7gMa

Comment 9

[Tim Nguyen :ntim]

I think we want a flat style for Yosemite

Comment 10

[jaramat]

I like this, but the first thing that comes to my mind is - Does it really have to be that thick? I mean, isn't the current height of notification bars 31px enough?

I believe you know what I'm talking about. If the notifications are this thick (40px), they feel less like a part of the browser and the users are more likely to mistake them for a part of the website, thus often paying them no mind.

Comment 11

[Tim Nguyen :ntim]

We could add an arrow pointing to the hamburger menu I guess.

Comment 12

[jaramat]

(In reply to Tim Nguyen [:ntim] (afk until end of July) from comment #11)
> We could add an arrow pointing to the hamburger menu I guess.

Google Chrome does that, and we don't want to make Firefox look (even more) like Chrome.

No no, the problem here is simple - everything has too much height. I can understand why the buttons in about:preferences are 30px high, but this is a notification bar (a part of the browser chrome) we are talking about. We should be consistent with the rest of the browser styling.

Take the notification bar for hidden plugins ("Allow www.site.com to run 'the plugin'?"). The bar is 34px and the buttons on it are 28px. This is perfectly okay, and even though it's still more than Windows' buttons (which are 24px in height), it still looks acceptable.

However, the new Translation bar's buttons are 30px, and are flat, which doesn't correspond with the nav-bar's background gradient (at least on Windows 7). That, and the buttons on the nav-bar are 24px on hover (even though they have wider hitbox).


And this is also curious: What I'm talking about is a problem only on Windows - in a (virtual) Mac OS X the buttons are small and nice.