1205800 - Add animations/better transitions when toggling private mode in the tabs tray

Status: RESOLVED FIXED

(Firefox for iOS :: General, defect)

Description

[Stephan Leroux [:sleroux]]

Creating a bug to keep track of adding some spice to the tab tray. Some ideas from :darrin include:

* When toggling between private/normal modes, have the current tab list scale down to 90% while fading out and have the new tabs scale up from 90% and fade in to achieve a cross-fade animation

* When toggling, the purple background behind the mask button scales up to encompass the mask button, then expands across to also include the + button

Comment 1

[Stephan Leroux [:sleroux]]

Attachment: https://github.com/mozilla/firefox-ios/pull/1101

Comment 2

[Brian Nicholson (:bnicholson)]

Comment on attachment 8665590 [details] [review]
https://github.com/mozilla/firefox-ios/pull/1101

Looks great!

Comment 3

[Darrin Henein [:darrin]]

Comment on attachment 8665590 [details] [review]
https://github.com/mozilla/firefox-ios/pull/1101

This looks great, not sure if im settled on the transition from normal<>private tabs, but lets land this for now.

Also I think the purple circle highlighting the mask icon in PBM is too large. I believe the spec has it at 32px, ui-review+ with that change.

Comment 4

[Stephan Leroux [:sleroux]]

Fixed nit and landed.