Bug 453470: notification bar in fennec needs to be per tab, r-gavin

mobile/chrome/content/browser-ui.js

@@ -234,6 +234,8 @@ var BrowserUI = {
     popup.height = window.innerHeight - toolbarH;
     popup.width = window.innerWidth;
 
+    document.getElementById("notifications").width = window.innerWidth;
+    
     // XXX need to handle make some of these work again
 /*
     var sidebar = document.getElementById("browser-controls");
@@ -417,7 +419,6 @@ var BrowserUI = {
 
     this.mode = aMode;
 
-    let toolbar = document.getElementById("toolbar-main");
     let bookmark = document.getElementById("bookmark-container");
     let urllist = document.getElementById("urllist-container");
     let container = document.getElementById("browser-container");

mobile/chrome/content/browser.css

@@ -27,6 +27,12 @@ richpref[type="button"] {
     -moz-binding: url("chrome://browser/content/preferences/richpref.xml#richpref-button");
 }
 
+notificationbox {
+  -moz-binding: url("chrome://global/content/bindings/notification.xml#notificationbox");
+  -moz-box-orient: vertical;
+  overflow: -moz-hidden-unscrollable;
+}
+
 notification {
     -moz-binding: url("chrome://browser/content/notification.xml#notification");
 }

mobile/chrome/content/browser.xul

@@ -262,6 +262,8 @@
     </toolbar>
     <!-- end: Main Toolbar -->
 
+    <notificationbox id="notifications" style="-moz-stack-sizing: ignore;" top="0" left="0"/>
+
     <!-- barrier to the left of the right bar -->
     <hbox id="panel-container" hidden="true" style="-moz-stack-sizing: ignore;" top="0" left="0">
       <vbox id="panel-controls" oncommand="BrowserUI.switchPane(event.target.getAttribute('linkedpanel'));">

mobile/chrome/content/notification.xml

@@ -24,6 +24,10 @@
             <children/>
           </xul:hbox>
         </xul:vbox>
+        <xul:toolbarbutton ondblclick="event.stopPropagation();"
+                           class="messageCloseButton tabbable"
+                           xbl:inherits="hidden=hideclose"
+                           oncommand="document.getBindingParent(this).close();"/>
       </xul:hbox>
     </content>
   </binding>