Closed Bug 834665 Opened 12 years ago Closed 11 years ago

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

Categories

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

x86
macOS
defect
Not set
normal

Tracking

(Not tracked)

RESOLVED INVALID

People

(Reporter: vicky, Unassigned)

References

Details

(Whiteboard: interaction, UX-P2, [TEF_REQ])

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)
Whiteboard: interaction, UX-P2
Depends on: 834333
Whiteboard: interaction, UX-P2 → interaction, UX-P2, [TEF_REQ]
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.
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.
Bug 940132 is overhauling the drawer for the v1.4/haida refresh, so I think this bug is mooted and am resolving it invalid.
Status: NEW → RESOLVED
Closed: 11 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.