Bug 668760 - Add message label element to remotetabs-list (r=mbrubeck)
authorLucas Rocha <lucasr@mozilla.com>
Tue, 23 Aug 2011 09:15:48 -0700
changeset 75749 ac0b1fc28e3de2cd460976f239e828aee0d39976
parent 75748 35413f020d21cc78b0db8859decfc27434434272
child 75750 f532be24c7c85950dd1bdaf8d0a38d5909da7b56
push id3
push userfelipc@gmail.com
push dateFri, 30 Sep 2011 20:09:13 +0000
reviewersmbrubeck
bugs668760
milestone9.0a1
Bug 668760 - Add message label element to remotetabs-list (r=mbrubeck) The label is only visible when the remotetabs-list has a "message" attribute. This UI should be used to show messages on the tabs list.
mobile/chrome/content/bindings.xml
mobile/themes/core/browser.css
--- a/mobile/chrome/content/bindings.xml
+++ b/mobile/chrome/content/bindings.xml
@@ -1375,16 +1375,19 @@
         func.call(this, event);
         ]]>
       </handler>
     </handlers>
     <content orient="vertical" flex="1">
       <xul:hbox class="remotetabs-throbber-box" flex="1" align="center" pack="center">
         <xul:image src="chrome://browser/skin/images/throbber.png" />
       </xul:hbox>
+      <xul:hbox class="remotetabs-message-box" flex="1" align="center" pack="center">
+        <xul:label xbl:inherits="value=message" align="center" crop="center" flex="1"/>
+      </xul:hbox>
       <xul:richlistbox anonid="child-items" class="remotetabs-list-children" flex="1" batch="25"/>
     </content>
     <implementation>
       <method name="open">
         <body><![CDATA[
           let self = this;
           this.setAttribute("loading", "true");
 
--- a/mobile/themes/core/browser.css
+++ b/mobile/themes/core/browser.css
@@ -418,27 +418,41 @@ toolbarbutton.choice-history {
 toolbarbutton.choice-remotetabs {
   list-style-image: url(chrome://browser/skin/images/remotetabs-48.png);
 }
 
 /* awesomescreen panels ---------------------------------------------------- */
 .history-throbber-box,
 .remotetabs-throbber-box {
   list-style-image: url("chrome://browser/skin/images/throbber.png");
+}
+
+.remotetabs-message-box {
+  font-size: @font_small@ !important;
+  font-weight: normal;
+  text-align: center;
+  color: grey;
+}
+
+.history-throbber-box,
+.remotetabs-throbber-box,
+.remotetabs-message-box {
   display: none;
 }
 
 historylist[loading="true"] > .history-throbber-box,
-remotetabslist[loading="true"] > .remotetabs-throbber-box {
+remotetabslist[loading="true"] > .remotetabs-throbber-box,
+remotetabslist[message] > .remotetabs-message-box {
   background-color: white;
   display: -moz-box;
 }
 
 historylist[loading="true"] > .history-list-children,
-remotetabslist[loading="true"] > .remotetabs-list-children {
+remotetabslist[loading="true"] > .remotetabs-list-children,
+remotetabslist[message] > .remotetabs-list-children {
   visibility: collapse;
 }
 
 /* browsers ---------------------------------------------------------------- */
 .input-overlay:-moz-focusring {
   outline: 0 !important;
 }