Bug 953433 - Download button using two different colors after completing download. r=sfoster a=metro-only
authorAleh Zasypkin <azasypkin@mozilla.com>
Wed, 15 Jan 2014 14:43:06 +0100
changeset 175941 1a55393434e0b7080407d5f0aa07997e08d420c1
parent 175940 b8fb14d0d1a3eb5eecf9747fa0998d70f3dd2ad1
child 175942 3fe07c50c854223ecb154810f5046310b3e15827
push id445
push userffxbld
push dateMon, 10 Mar 2014 22:05:19 +0000
treeherdermozilla-release@dc38b741b04e [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerssfoster, metro-only
bugs953433
milestone28.0a2
Bug 953433 - Download button using two different colors after completing download. r=sfoster a=metro-only
browser/metro/theme/browser.css
browser/metro/theme/circularprogress.css
browser/metro/theme/images/navbar-download-finished.png
browser/metro/theme/images/navbar-download-finished@1.4x.png
browser/metro/theme/images/navbar-download-finished@1.8x.png
browser/metro/theme/jar.mn
--- a/browser/metro/theme/browser.css
+++ b/browser/metro/theme/browser.css
@@ -771,16 +771,20 @@ documenttab[selected] .documenttab-selec
 #download-progress:not([progress]) {
   visibility: collapse;
 }
 
 #download-progress {
   list-style-image: url(chrome://browser/skin/images/navbar-download.png);
 }
 
+#download-progress[progress="100"] {
+  list-style-image: url(chrome://browser/skin/images/navbar-download-finished.png);
+}
+
 #pin-button {
   list-style-image: url(chrome://browser/skin/images/navbar-pin.png);
 }
 
 #star-button {
   list-style-image: url(chrome://browser/skin/images/navbar-star.png);
 }
 
@@ -792,16 +796,20 @@ documenttab[selected] .documenttab-selec
   list-style-image: url(chrome://browser/skin/images/navbar-close.png);
 }
 
 @media (min-resolution: @min_res_140pc@) {
   #download-progress {
     list-style-image: url(chrome://browser/skin/images/navbar-download@1.4x.png);
   }
 
+  #download-progress[progress="100"] {
+    list-style-image: url(chrome://browser/skin/images/navbar-download-finished@1.4x.png);
+  }
+
   #pin-button {
     list-style-image: url(chrome://browser/skin/images/navbar-pin@1.4x.png);
   }
 
   #star-button {
     list-style-image: url(chrome://browser/skin/images/navbar-star@1.4x.png);
   }
 
@@ -814,16 +822,20 @@ documenttab[selected] .documenttab-selec
   }
 }
 
 @media (min-resolution: @min_res_180pc@) {
   #download-progress {
     list-style-image: url(chrome://browser/skin/images/navbar-download@1.8x.png);
   }
 
+  #download-progress[progress="100"] {
+    list-style-image: url(chrome://browser/skin/images/navbar-download-finished@1.8x.png);
+  }
+
   #pin-button {
     list-style-image: url(chrome://browser/skin/images/navbar-pin@1.8x.png);
   }
 
   #star-button {
     list-style-image: url(chrome://browser/skin/images/navbar-star@1.8x.png);
   }
 
--- a/browser/metro/theme/circularprogress.css
+++ b/browser/metro/theme/circularprogress.css
@@ -21,11 +21,13 @@
   width: 40px;
   height: 40px;
   background-repeat: no-repeat;
   background-size: 40px 40px;
   background-image: url(chrome://browser/skin/images/progresscircle-bg.png);
 }
 
 .circularprogressindicator-progressRing:not([progress]),
-.circularprogressindicator-progressTrack:not([progress]) {
+.circularprogressindicator-progressRing[progress="100"],
+.circularprogressindicator-progressTrack:not([progress]),
+.circularprogressindicator-progressTrack[progress="100"] {
   visibility: hidden;
 }
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..38c1a904924ab46e8c7968ed56c72df2948a534e
GIT binary patch
literal 943
zc%17D@N?(olHy`uVBq!ia0vp^6+o=P!3-psOwNe|sc!*3A+A80Ve0>ph7xu>o&xlE
zU`dc)Far|{D;qnPu!yLbxQv{+g{75sP*`|GWK?2WW_C_)UVdS5S$RcebzOa9OIv%#
z)af&3E?==`<EG79wq3e>?e?R`PoBPf{pRhv_aA=z{Pp|K-+y-nCd~r|vbd*<V@L(#
z-WzwFF9k>(|9GE4Qo1<fnRn+6?*-n19O>FRTPq9|AOHFP-)C-m`?kXp_vRdbf7a&n
z<Fgeuw;QHCH9vgt$HPP$j@kQIZS9_K&39Qfd)s%NbMJhP23_tu`#z5EXjj|rGwUvh
zT9$IpStqmd^5z#6t9NY-yld5$_9`UgS#hhj<6U;YqD?|~xL>V0@brRk$bPQ1S@8k3
zdfUBEA9qf%su9^#E0@lH@@;~vwaRh6c4wOg_m0<pmMye!kBN<yVcYKcxQz3vyrb`e
zT}$@gHhF(x+0WvILWTPm6lIFtem1vMyPjhLyWokZYg2C>T<&}2WIJE(&V8BfVsF(>
zv@eKVk$FpTO8YUZ3YF^%GuyK(D>m}wo&LHtvwfnC#p?yi*Of2xeF>a??VwO^cV;_F
zo%qassu#9+$G+OE!!yY{`PR|HTX}E(++=;Z?bw>j|K{4g((~xwpSe6=K|Qm)X~+4j
zWP{fMi~Dc6-T8f__QH0H%XvT5K9;S!v-`}m{A;Os$)%G%n+I6FGE2L2aCVk?-kyKz
z&r5Y)U0(Y6jP(NLl#}cE>i$)*X7p>t^08NcxpMgCiDv}|?gjTRX1CF+WGF9v_Ko#x
z=jnx8DxO+w6;7M47iZ}e!>3XI_y44;D|Q}T6rJr7T>8p;=6S}W^G>V`e^Pwq-YfB!
zwFcG;E}g9_y|A{x`qb_n-kW!G^S|*+{kgWlVCGr1<_%AyAC%NHx?bC>-;nV|5R~&g
MUHx3vIVCg!0KJ0OlK=n!
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..729fec47351f1ec0d2bc9c0d250cf83434ca2914
GIT binary patch
literal 2169
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
YQAOu|--h97|NRhHb6ZTs)w{9(0`9X)Qvd(}
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..6cdb570f2f39a703561af820770435fcc8162d67
GIT binary patch
literal 1756
zc%1E3`!^E`0A9`ek?V3LZOi+0ZCD<eP2@3a@*a6)Bf01ytghLpkZewASTS7hY!ha!
zP`T0NxSF-=(GA_?xmogv<#A9~f5tuMp7TA<_w)Ci^HKeM(dsICDgXdL9pmj0xaXsL
z^i~4yX>Ez1901tY>+cinxfcP9Z~x;z4R3jF$X<{4h=IOAfc-!@c?Bh96*ct(8k#?9
zY5$~m7zBnK(Kj$OGB!1{vVkA9cW^>DBT>g)-A;ITp)pt=U;n@$Tu5kGctqrxC_EuL
z=Ipt+OG%fLQ&Nd(l#I-4*Qs~ug++{er4_Yx4J<aNh1<%1+}`o5tNZ02J^cfJ4Gs;D
zy!m_l-Nc7Uv1DGl@M&>rdFAu!n(WK^#^%=c&hFPs;w2;iAZLT|a0^ZwpDRlU)w0#j
z#n-#ir}yutWzlf7>+L_s;1a_kInysq+gp@i=2t@Hs`;n6eBm-qWQ#c}B_ei-l1&P8
z>NP2MxGo_jH5>HsqS^#S_p8oXt99tkN*p&CYE`|=ULu2{6$}fuEh`o+q)eYj4~;9g
zu%Ly{G7%3nuucX^Ee=3!RK@PSuh;mQv80vOH_?!dCObjC4BA$N{1Sc7artA#OaeaE
zA@7NEZ)zNaZQP*nEaUMx*RZA*GQqMxIOJLRloZq0c@^FcQCY|?%0;J_PdZgo0MtQ5
zZ1lVM6I)8o^W<@OrFX%_T;;O9q0;5^wM%S#Y@wgaY}W=AqqC4e{wLa$<bS8U_&A}E
zTgFo~f)_qj!@?R$2sykyv+abT0^~79@$Luo+aNpWH;N7^+3WZ8r+FO3`z4b!1aMcM
z+%w{9LcFOA3;2>IJ|uC0hc#H~y0ipjZFms6-G{RqQzCJFm7PA-;o$sP^LKv3K?pMh
zQB|A5VJWCUYa&F9Kv`9O@>16wr8dvH{2E2;&BYW3Dqs#?@VsuGtqDD*MmAK-cL{PA
zWxFJ|37c8II~o!x$>w#EDIqjR8KT!9v7oJ$Rb>R+y)_L>grs>2l6cnR=HnAsVRn>l
zZ&rrp#Oi5ldyU-9Ie&v1H`}a$wMmN?YTAY>E2CP8ki2@1DA)U143nvNbSDLCP}78T
za2IBqWQK+0#RCg^S){IG<{rUTStCgA_?p4Wfviz3tVZ0e(Ih=sVuI&C!0(07MZtI}
zZ`D|1>PSS-eFjr8Nj7DFm%l=cI~2tx@xHolr!qsFc{}<p^<sJu$ITlNB1BPVOoI%<
zAx_Gf`D%Aed{AfuI=JIL)9maRPxBB6Q<8R|%u0(znuLdqf+PFIVNUT+xV2(iJgu$o
zir>!lvB2`*`jDg{y|>8iQ$=PYNT=Z>q3xTsNAi~L@b{h~;B#%|S0`C^7FTqzLb3A6
z6o`F2<*>qYO)1r(+pZp@FBx>)7kpKie`Wz?!}S}JtCH+%?l<J6=#FkJL+S5r{9%Hj
z=3!Zv(Lsd`LTul!>$kSNbUPX^@HJ)g5w(_&H)^p3Pu#1LZs#hc%Y>hX|5Sa!D?K#=
zv}<7W-nOs6Y<-MlLOKb?a#)z9yipG7@(XKzkEC;NW%1^G^Tr!ov~?}^Hm*B|(^?$p
zg?<ktnp1D$$5f9jcwMtdC@z{srLz+g4GC5_b)PzZAdUuEn4W$MlrR%tO>$W05soY2
z*02YQbUwONy+)BmHdbH0puOVgzqS*Kb~V1Z1ujegk_s{(TEx^-b7<gMdT^vD<A+5r
z`SLk>v0PLs7))8Rz5zrPj;qcHyacP8H&1r4AymQkM%t23dF$rDhnbG3gOj?Vq)6ZT
U3%}6MRe!%JjHj<h^9e%Mzv+2dEC2ui
--- a/browser/metro/theme/jar.mn
+++ b/browser/metro/theme/jar.mn
@@ -50,16 +50,19 @@ chrome.jar:
   skin/images/navbar-contextual-restore@1.4x.png (images/navbar-contextual-restore@1.4x.png)
   skin/images/navbar-contextual-restore@1.8x.png (images/navbar-contextual-restore@1.8x.png)
   skin/images/navbar-contextual-unpin.png (images/navbar-contextual-unpin.png)
   skin/images/navbar-contextual-unpin@1.4x.png (images/navbar-contextual-unpin@1.4x.png)
   skin/images/navbar-contextual-unpin@1.8x.png (images/navbar-contextual-unpin@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-download-finished.png           (images/navbar-download-finished.png)
+  skin/images/navbar-download-finished@1.4x.png      (images/navbar-download-finished@1.4x.png)
+  skin/images/navbar-download-finished@1.8x.png      (images/navbar-download-finished@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)
   skin/images/navbar-star.png               (images/navbar-star.png)
   skin/images/navbar-star@1.4x.png          (images/navbar-star@1.4x.png)
   skin/images/navbar-star@1.8x.png          (images/navbar-star@1.8x.png)
   skin/images/navbar-pin.png                (images/navbar-pin.png)
   skin/images/navbar-pin@1.4x.png           (images/navbar-pin@1.4x.png)