Alberto, can you help out with this? Note: for the ambient notification toaster animation, I have a demo from a while ago that has some keyframes that might give you a jump start here: https://github.com/mikehenrty/gaia/compare/notification-tray#diff-34ac4f93978f5ace27b51ad2f2229c91R5

Update Spec

Sorry for the delay. Attaching the first approach for the ambient notification implementation. Probably still some tweaks in terms of timings of the animation to be done, but I'll like to start getting some feedback. Thanks!

Comment on attachment 8480709 [details] Ambient notifications first approach Plus'ing based on the IxD / behaviour but this is subject to Eric's visual review. I'll also email Eric about some potential visual polish and ways to improve contrast in some scenarios.

Just realized one issue. The portion of the ambient indicator that varies based on the number of notifications should be based on the number of <em>unseen</em> notifications as opposed to the number of total notifications. I'll double check the spec and make any changes.

Comment on attachment 8480709 [details] Ambient notifications first approach Hey Alberto, Thanks for working on this! It's look really good, but there are some visual changes that are needed. Notification Toast: 1. The Notification Icon should be vertically centered in the toast 2. Calls, SMS (and others that are two lines) should include both lines. For example, for SMS, The Name should be on the first line (18px, regular) and the message on the second (14px, regular). 3. For single line notifications - They should be vertically centered with the notification icon. 4. The background colour of the toast should be #00BCE2 (this will make sense with #3 below) Indicator Bar: 1. Can we reduce the indicator by 1px? It's currently to spec, but seeing it implemented Rob is right, it looks to dominant as is. 2. The handle should transition from white to #B3F3FF (while the opacity increases) 3. When the handle expands to the sides of the screen (for the first notification) it should transition from #B3F3FF to #00BCE2 Thanks again! Please let me know if you have any questions!

Hi Eric, Thanks for the feedback! Regarding the notification toast, I didn't touch it at all. I thought this bug was only about removing the notifications indicator in the status bar (and replace it with the ambient indicator). Should I fix the toast as part of this bug as well? Regarding the indicator, I'll fix it today. Thanks!

Comment on attachment 8480709 [details] Ambient notifications first approach Thanks for making all the changes! It looks great now :) R+

Comment on attachment 8480709 [details] Ambient notifications first approach LGTM! Probably ready for the real r? after tests are fixed :)

Comment on attachment 8480709 [details] Ambient notifications first approach A couple of nits, but overall this is very cool to see!

master: https://github.com/mozilla-b2g/gaia/commit/a5d3a1349b89b160e9db123c9121e0f5d57bfbe5#diff-d41d8cd98f00b204e9800998ecf8427e

Reverted in master for causing bug 1060627. master: https://github.com/mozilla-b2g/gaia/commit/efd04e972d961bd6e1a06ce2298e82025673b28b We are going to squash the fix from bug 1060627 into this when we reland.

This is Alberto's patch with the fix from bug 1060627 squashed into his commit. Waiting for green before relanding.

master: https://github.com/mozilla-b2g/gaia/commit/91d0294120eaa35a60f84fe82c7d89d2e01902cb