From: Michael M Slusarz Date: Mon, 3 May 2010 23:19:17 +0000 (-0600) Subject: Fade notifications on mouseover. X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=cae456751b929bbc9d94d4b4a4a34ed94aaa3856;p=horde.git Fade notifications on mouseover. Inspired by Ubuntu desktop notifications. --- diff --git a/horde/js/Growler.js b/horde/js/Growler.js index 9e85e056d..107fba144 100644 --- a/horde/js/Growler.js +++ b/horde/js/Growler.js @@ -180,6 +180,21 @@ } this.growler.wrap(document.body); + + this.growler.observe('mouseenter', function() { + this.growler.fade({ + duration: 0.25, + queue: { limit: 2, scope: 'growler' }, + to: 0.3 + }); + }.bind(this)); + this.growler.observe('mouseleave', function() { + this.growler.appear({ + duration: 0.25, + queue: { limit: 2, scope: 'growler' }, + to: 1 + }); + }.bind(this)); }, growl: function(msg, options)