[Mac] More tweaks to the Lion gesture UI.

[Mac] More tweaks to the Lion gesture UI.

* Fade the overlay out before navigating.
* When the gesture is "committed," grow the overlay a little and use 75% opacity.
* Track the opacity from [0.25, 0.65] before committing.
* Increase the fade duration.

BUG=93185
TEST=visual

Committed: https://src.chromium.org/viewvc/chrome?view=rev&revision=119927

[Nico, 2012-01-31 17:32:41]

Code looks fine.

I patched it in and played a bit with it. If I don't pay attention to the size
change, I don't notice it happening. If I do pay attention, I don't like that
the size just jumps up instead of animating. Maybe the increase should be a lot
more dramatical, and it should animate to that new size (and animate out
opacity)?

(I tested going back and forth between google and wikipedia, and the shield
animation is sometimes pretty janky. I'm not sure if that's new though.)

[Robert Sesek, 2012-01-31 17:35:35]

On 2012/01/31 17:32:41, Nico wrote:
> Code looks fine.
> 
> I patched it in and played a bit with it. If I don't pay attention to the size
> change, I don't notice it happening. If I do pay attention, I don't like that
> the size just jumps up instead of animating. Maybe the increase should be a
lot
> more dramatical, and it should animate to that new size (and animate out
> opacity)?

According to Cole it's supposed to jump, not animate. I initially had the adjust
be 20px instead of 10px, but it made things look too ovalish.

> (I tested going back and forth between google and wikipedia, and the shield
> animation is sometimes pretty janky. I'm not sure if that's new though.)

Yeah, that's not new. Maybe a little more noticeable now that it can fade out
while navigating, but I don't think there's much we can do about that.

[Nico, 2012-01-31 17:37:53]

On 2012/01/31 17:35:35, rsesek wrote:
> On 2012/01/31 17:32:41, Nico wrote:
> > Code looks fine.
> > 
> > I patched it in and played a bit with it. If I don't pay attention to the
size
> > change, I don't notice it happening. If I do pay attention, I don't like
that
> > the size just jumps up instead of animating. Maybe the increase should be a
> lot
> > more dramatical, and it should animate to that new size (and animate out
> > opacity)?
> 
> According to Cole it's supposed to jump, not animate. I initially had the
adjust
> be 20px instead of 10px, but it made things look too ovalish.

I'd add the 20px to the circle radius, not to the height (and I'd probably add
more like 50px), and animate the radius up and opacity down.

But if you don't feel like trying that and Cole likes this as is, lgtm as is
too.

[Robert Sesek, 2012-01-31 17:49:28]

On 2012/01/31 17:37:53, Nico wrote:
> On 2012/01/31 17:35:35, rsesek wrote:
> > On 2012/01/31 17:32:41, Nico wrote:
> > > Code looks fine.
> > > 
> > > I patched it in and played a bit with it. If I don't pay attention to the
> size
> > > change, I don't notice it happening. If I do pay attention, I don't like
> that
> > > the size just jumps up instead of animating. Maybe the increase should be
a
> > lot
> > > more dramatical, and it should animate to that new size (and animate out
> > > opacity)?
> > 
> > According to Cole it's supposed to jump, not animate. I initially had the
> adjust
> > be 20px instead of 10px, but it made things look too ovalish.
> 
> I'd add the 20px to the circle radius, not to the height (and I'd probably add
> more like 50px), and animate the radius up and opacity down.
> 
> But if you don't feel like trying that and Cole likes this as is, lgtm as is
> too.

I think I'll land this and then let him play with it in Canary tomorrow, and
maybe do another iteration after his feedback.