864960 - Transition for opening tab tray

Status: RESOLVED FIXED

(Firefox for Android Graveyard :: Theme and Visual Design, defect)

Description

[Ian Barlow (:ibarlow)]

Let's refine what happens when you open the tab tray a bit. 

Right now, the counter and menu icon pull down with the title bar, which breaks the "layers" mental model a little. 

I did some transition explorations here, and we'd like to try either 2a or 2b http://cl.ly/1T2z3k1H2H1v

Comment 1

[Lucas Rocha (:lucasr)]

Before submitting a patch, here are three builds implementing different options:
https://dl.dropboxusercontent.com/u/1187037/tabs-panel-alpha-anim.apk
https://dl.dropboxusercontent.com/u/1187037/tabs-panel-slide-anim.apk
https://dl.dropboxusercontent.com/u/1187037/tabs-panel-alpha-n-slide-anim.apk

Comment 2

[Ian Barlow (:ibarlow)]

These are all great. The one major thing we want to fix, though, is that the tab counter and menu icons should no longer slide down with the title bar. 

If you look at the animations, I have versions where they either fade away, or the tab tray controls slide down over top, or they move up off the screen as the tab tray controls slide down.

Comment 3

[Lucas Rocha (:lucasr)]

Attachment: Parallax transition to open/close the tabs tray

Comment 4

[Lucas Rocha (:lucasr)]

Pushed: https://hg.mozilla.org/integration/mozilla-inbound/rev/41ed2304c7ba

(I removed the layout changes from the patch that were not really necessary in the context of this animation)

Comment 5

[Ryan VanderMeulen [:RyanVM]]

https://hg.mozilla.org/mozilla-central/rev/41ed2304c7ba