834665 - [Transitions. UX] Implement drawer's display and dismiss transitions as specified.

Status: RESOLVED INVALID

(Firefox OS Graveyard :: Gaia::E-Mail, defect)

Description

[Victoria Gerchinhoren [:vicky]]

Lack of Transitions affect the experience. Required for TEF build.

Transitions a key feature to give the user a clue of the architecture of the OS and how to navigate it.

Please refer to building blocks:
http://mozilla-b2g.github.com/Gaia-UI-Building-Blocks/#widgets/drawer/

And transitions specs: 
https://www.dropbox.com/sh/ekzrrz7um4uj6y0/NVzqB1D4hx/03%20Transitions
TransitionsVXX.pdf (latest version)

Comment 1

[Andrew Sutherland [:asuth] (he/him)]

IMPORTANT NOTE!  When implementing this, we need to make sure not to regress the message list scrolling fps.  Specifically, in a quick fix as part of bug 846901, we tried the following:

/* Override animation for card list, should appear
 * to just be under the message list */
.card.before.card-folder-picker {
  transform: translateX(0);
}

This regressed message list scrolling and was backed out.  See https://bugzilla.mozilla.org/show_bug.cgi?id=852550#c0

See https://bugzilla.mozilla.org/show_bug.cgi?id=846901#c49 for a very brief discussion of alternatives that we should pursue.  Also, because there may be helpful follow-up comments from roc on what we can do that will be fast but still pre-render.

Comment 2

[Victoria Gerchinhoren [:vicky]]

Updated link to the transitions specs since the one above is not working:
https://www.dropbox.com/sh/tsns9vgbgzuefx1/is0W_IeHkB

Some folders were moved, sorry for that.

Comment 3

[Andrew Sutherland [:asuth] (he/him)]

Bug 940132 is overhauling the drawer for the v1.4/haida refresh, so I think this bug is mooted and am resolving it invalid.