[gnome-shell] MessageTray: tweak how allocation works to fix the reactive area

[Dan Winship <danw src gnome org>]

commit 611ca3c161a687ad639d71847218bf73a59fe58c
Author: Dan Winship <danw gnome org>
Date:   Fri Mar 26 15:23:53 2010 -0400

    MessageTray: tweak how allocation works to fix the reactive area
    
    Rather than having the notificationBin, summaryBin, and
    summaryNotificationBin span the whole width of the screen and just
    align their children to the right spot, set their anchor_gravity
    appropriately, set their anchor point correctly, and let their width
    vary with the width of their child.
    
    Fixes the fact that the area to the left and right of an expanded
    notification was reactive, because the notificationBin was invisibly
    covering it.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=612072

 js/ui/messageTray.js |   12 +++++++-----
 1 files changed, 7 insertions(+), 5 deletions(-)
---
diff --git a/js/ui/messageTray.js b/js/ui/messageTray.js
index fefc9ee..99d528c 100644
--- a/js/ui/messageTray.js
+++ b/js/ui/messageTray.js
@@ -377,13 +377,13 @@ MessageTray.prototype = {
         this.actor.connect('notify::hover', Lang.bind(this, this._onTrayHoverChanged));
 
         this._notificationBin = new St.Bin({ reactive: true,
-                                             x_align: St.Align.MIDDLE });
+                                             anchor_gravity: Clutter.Gravity.NORTH });
         this.actor.add(this._notificationBin);
         this._notificationBin.hide();
         this._notificationQueue = [];
         this._notification = null;
 
-        this._summaryBin = new St.Bin({ x_align: St.Align.END });
+        this._summaryBin = new St.Bin({ anchor_gravity: Clutter.Gravity.NORTH_EAST });
         this.actor.add(this._summaryBin);
         this._summary = new St.BoxLayout({ name: 'summary-mode',
                                            reactive: true,
@@ -393,7 +393,7 @@ MessageTray.prototype = {
         this._summaryBin.opacity = 0;
 
         this._summaryNotificationBin = new St.Bin({ name: 'summary-notification-bin',
-                                                    x_align: St.Align.END,
+                                                    anchor_gravity: Clutter.Gravity.NORTH_EAST,
                                                     reactive: true,
                                                     track_hover: true });
         this.actor.add(this._summaryNotificationBin);
@@ -446,8 +446,10 @@ MessageTray.prototype = {
         this.actor.y = primary.y + primary.height - 1;
         this.actor.width = primary.width;
 
-        this._notificationBin.x = this._summaryBin.x = this._summaryNotificationBin.x = 0;
-        this._notificationBin.width = this._summaryBin.width = this._summaryNotificationBin.width = primary.width;
+        // These work because of their anchor_gravity
+        this._notificationBin.x = primary.width / 2;
+        this._summaryBin.x = primary.width;
+        this._summaryNotificationBin.x = primary.width;
     },
 
     contains: function(source) {