Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2025-03-09 04:25:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 668760 - Add message label element to remotetabs-list (r=mbrubeck)

Browse Source 
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.
This commit is contained in:
Lucas Rocha 2011-08-23 09:15:48 -07:00
parent aa71fdeb2b
commit 557bef417e
2 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
mobile/chrome/content/bindings.xml
View File

@ -1380,6 +1380,9 @@
<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>

18
mobile/themes/core/browser.css
View File

@ -423,17 +423,31 @@ toolbarbutton.choice-remotetabs {
.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;
}