Bug 932999 - New image for Metro download button [r=rsilveira]

This commit is contained in:
Matt Brubeck 2013-11-25 16:03:31 -08:00
parent a32bb60a38
commit a75e7e7753
6 changed files with 18 additions and 4 deletions

View File

@ -15,7 +15,7 @@
<content>
<xul:stack>
<xul:toolbarbutton anonid="progressButton" class="circularprogressindicator-progressButton appbar-secondary"/>
<xul:toolbarbutton anonid="progressButton" class="circularprogressindicator-progressButton"/>
<html:div anonid="progressTrack" xbl:inherits="progress" class="circularprogressindicator-progressTrack"></html:div>
<html:canvas anonid="progressRing" xbl:inherits="progress" class="circularprogressindicator-progressRing" width="40" height="40"></html:canvas>
</xul:stack>

View File

@ -746,13 +746,16 @@ documenttab[selected] .documenttab-selection {
}
#download-progress {
-moz-image-region: rect(0px, 40px, 40px, 0px) !important;
width: 40px;
height: 40px;
list-style-image: url(chrome://browser/skin/images/navbar-download.png);
-moz-image-region: rect(0px, 40px, 40px, 0px);
}
#download-progress:hover {
-moz-image-region: rect(40px, 40px, 80px, 0px) !important;
-moz-image-region: rect(0px, 80px, 40px, 40px);
}
#download-progress:active {
-moz-image-region: rect(80px, 40px, 120px, 0px) !important;
-moz-image-region: rect(0px, 120px, 40px, 80px);
}
#pin-button {
@ -768,6 +771,10 @@ documenttab[selected] .documenttab-selection {
}
@media (min-resolution: @min_res_140pc@) {
#download-progress {
list-style-image: url(chrome://browser/skin/images/navbar-download@1.4x.png);
}
#pin-button {
list-style-image: url(chrome://browser/skin/images/navbar-pin@1.4x.png);
}
@ -782,6 +789,10 @@ documenttab[selected] .documenttab-selection {
}
@media (min-resolution: @min_res_180pc@) {
#download-progress {
list-style-image: url(chrome://browser/skin/images/navbar-download@1.8x.png);
}
#pin-button {
list-style-image: url(chrome://browser/skin/images/navbar-pin@1.8x.png);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

View File

@ -27,6 +27,9 @@ chrome.jar:
skin/images/navbar-back.png (images/navbar-back.png)
skin/images/navbar-back@1.4x.png (images/navbar-back@1.4x.png)
skin/images/navbar-back@1.8x.png (images/navbar-back@1.8x.png)
skin/images/navbar-download.png (images/navbar-download.png)
skin/images/navbar-download@1.4x.png (images/navbar-download@1.4x.png)
skin/images/navbar-download@1.8x.png (images/navbar-download@1.8x.png)
skin/images/navbar-forward.png (images/navbar-forward.png)
skin/images/navbar-forward@1.4x.png (images/navbar-forward@1.4x.png)
skin/images/navbar-forward@1.8x.png (images/navbar-forward@1.8x.png)