Fade notifications on mouseover.

Inspired by Ubuntu desktop notifications.

diff --git a/horde/js/Growler.js b/horde/js/Growler.js
index 9e85e05..107fba1 100644 (file)
--- 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)