683515 - Add a gradient fade to the fennecomb header when scrolling

Status: RESOLVED WONTFIX

(Firefox for Android Graveyard :: General, defect, P3)

Description

[Ian Barlow (:ibarlow)]

Attachment: Mockup

The default appearance of the header should be a solid grey bar. 

When scrolling, the bottom edge should fade off and leave a soft gradient that goes from grey at the top to nothing on the bottom. 

I've attached a mock here, but if this behaviour is unclear, take a look at the GMail app, we should try to match the way they do it.

Comment 1

[Matt Brubeck (:mbrubeck)]

This might be tricky because some sites put fixed content at the top of the browser (for example, the black header bar across the top of the new Twitter UI).  It seems like this won't interact well if the top of the browser is underneath the semitransparent action bar.

Comment 2

[Ian Barlow (:ibarlow)]

Matt, I agree that we wouldn't want fixed content obscured by the actionbar. 

Is there a way to offset fixed content so it sits against the bottom edge of the action bar?

Comment 3

[Ian Barlow (:ibarlow)]

So I've been thinking about this, and I don't think we should have a gradient fade at the top after all. 

While it looks nice with pages that are just text on a light background, I did some tests in photoshop and it starts to fall apart with sites that have big blocks of darker colours. Between that and possible performance issues, doens't really feel like it's worth it right now.

As you were.