Bug 608637 - Panorama exit button should perhaps reflect the number of groups as well [r=dao, a=beltzner]

This commit is contained in:
Raymond Lee 2010-11-24 01:28:02 +08:00
parent a431337ddc
commit 5410ce6f64
6 changed files with 62 additions and 6 deletions

View File

@ -515,7 +515,6 @@ function ensureSearchShown(event){
var $searchbox = iQ("#searchbox");
iQ("#searchbutton").css({ opacity: 1 });
if (!isSearchEnabled()) {
$search.show();
var mainWindow = gWindow.document.getElementById("main-window");

View File

@ -10,7 +10,7 @@
<body transparent="true">
<div id="content">
<input id="exit-button" type="image" alt=""/>
<input id="exit-button" type="image" alt="" groups="0" />
<div id="actions">
<input id="searchbutton" type="button"/>
</div>

View File

@ -811,10 +811,13 @@ let UI = {
},
// ----------
updateTabButton: function UI__updateTabButton(){
updateTabButton: function UI__updateTabButton() {
let groupsNumber = gWindow.document.getElementById("tabviewGroupsNumber");
let exitButton = document.getElementById("exit-button");
let numberOfGroups = GroupItems.groupItems.length;
groupsNumber.setAttribute("groups", numberOfGroups);
exitButton.setAttribute("groups", numberOfGroups);
},
// ----------

View File

@ -514,7 +514,25 @@ html[dir=rtl] .iq-resizable-se {
height: 16px;
-moz-margin-end: 7px;
margin-top: 7px;
background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0) no-repeat scroll;
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 16, 64);
background-attachment: scroll;
background-repeat: no-repeat;
}
#exit-button[groups="0"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0);
}
#exit-button[groups="1"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 32, 16, 16);
}
#exit-button[groups="2"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 48, 16, 32);
}
#exit-button[groups="3"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 64, 16, 48);
}
html[dir=rtl] #exit-button {

View File

@ -506,7 +506,25 @@ html[dir=rtl] .iq-resizable-se {
height: 20px;
-moz-margin-end: 2px;
margin-top: 2px;
background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0) no-repeat scroll;
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 100, 20, 80);
background-attachment: scroll;
background-repeat: no-repeat;
}
#exit-button[groups="0"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0);
}
#exit-button[groups="1"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 40, 20, 20);
}
#exit-button[groups="2"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 60, 20, 40);
}
#exit-button[groups="3"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 20, 60);
}
html[dir=rtl] #exit-button {

View File

@ -533,7 +533,25 @@ html[dir=rtl] .iq-resizable-se {
height: 18px;
-moz-margin-end: 3px;
margin-top: 3px;
background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0) no-repeat scroll;
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 90, 18, 72);
background-attachment: scroll;
background-repeat: no-repeat;
}
#exit-button[groups="0"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0);
}
#exit-button[groups="1"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 36, 18, 18);
}
#exit-button[groups="2"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 54, 18, 36);
}
#exit-button[groups="3"] {
background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 72, 18, 54);
}
html[dir=rtl] #exit-button {