Bug 535410 - Red close buttons should have a pushed-in state [r=mark.finkle]
authorVivien Nicolas <21@vingtetun.org>
Thu, 18 Feb 2010 20:49:32 -0500
changeset 1356 0bb0f13605618ba39a008a364e3bab688706dadf
parent 1355 85f85d86b25bb4cd4caed628c72fa0862f1f5d23
child 1357 d61fdff667125515239ca6325702dda509e2de36
push id1208
push usermfinkle@mozilla.com
push dateFri, 19 Feb 2010 01:51:53 +0000
reviewersmark.finkle
bugs535410
Bug 535410 - Red close buttons should have a pushed-in state [r=mark.finkle]
themes/hildon/browser.css
themes/hildon/images/close-40.png
themes/hildon/images/close-active-40.png
themes/hildon/images/close-default-40.png
themes/hildon/jar.mn
themes/hildon/notification.css
themes/wince/browser-high.css
themes/wince/browser-low.css
themes/wince/images/close-16.png
themes/wince/images/close-40.png
themes/wince/images/close-active-16.png
themes/wince/images/close-active-40.png
themes/wince/images/close-default-16.png
themes/wince/images/close-default-40.png
themes/wince/jar.mn
themes/wince/notification.css
--- a/themes/hildon/browser.css
+++ b/themes/hildon/browser.css
@@ -527,16 +527,20 @@ placeitem[ui="manage"] > .bookmark-manag
 .close-button {
   -moz-appearance: none;
   border: none;
   margin: 0;
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/close-40.png");
 }
 
+.close-button:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
+}
+
 .tool-search {
   list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
   margin-right: 8px;
 }
 
 .searchengine {
   -moz-box-orient: horizontal;
   min-width: 140px !important;
@@ -724,16 +728,20 @@ box[type="documenttab"][selected="true"]
 }
 
 box[type="documenttab"] .documenttab-close {
   width: 40px;
   height: 40px;
   list-style-image: url("chrome://browser/skin/images/close-40.png");
 }
 
+box[type="documenttab"] hbox:hover:active .documenttab-close {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
+}
+
 box[type="documenttab"]:only-child .documenttab-close {
   display: none;
 }
 
 #newtab-button {
   list-style-image: url("images/newtab-default-64.png");
 }
 
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9efe99d6ef7390df7f290025f084de51b2a34e03
GIT binary patch
literal 1975
zc$@*Z2T1sdP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T70000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU(SxH1eRCwCdm`!X{RTRh1`<Rc;bUL)5
zN>z#x3`JQsxFRvpG-2t&4K5I5qYzXy8smnIF}g5H5I06(Aud?BmS|$asss}kXrMr=
zXaFhpYnbmhGyebgo!7p;`7C18n>o36-n;jl-#h1iTa89T?j=2&NIZpXCu9d?JLEA)
zLSL65(~ygh^N@3p$yR#4EtfmmvDN|zs7H|PhCE*s8HY$oX{wMwmt|QJQ`#h?&zB3x
z&OlB>e!s7P081e|2zg~rWYb+jp`GO`5Iaz&d7!b*GGO^XfxI92kjSsdjzf+?3V$0A
za8Dz92VfJ6G)gdtL$E*;Gz>^E0@j&BY6OMYkgN}S7TNm%{QjN+0k;>~dpAW!@+c6>
zt=EmP%rH7CcEp2(tEn*j1oUj%2+L_a8xetOc^8l;)(i-^1IUj42HRDF5eQ(Eg!ZqP
zirWUzQ@E=3Q`1)gNb%TDAshXwhXDC$&w%Q=&#%L7O~Dcrl>4;f6ELoD0bn=<fRu{D
zaX@ikl>t^(PzU8vzxw`Go@@ftK6e_P8zEdAU`a?H%BhtRY2d=%YXungVnyL71?B)N
z0kEQw8~t$aj`qn_fI3>gzGYbxB|N9slC_$oQD&b>D_o)loD~6Vw16xtU_KB+I*##X
z66Fnz1_#b_fGh-hq91;60i!hx*N<`rF9sm}A;?-N%mHjHQjUk_!n(HYS6$Re-Lyel
zv`O1Kok<g*PQowe*m)I@p6gd-R8IFY4nIJa#>QkO<h`&5ga3hduhUzo|0D8Q)s+c8
zSZ&cJZIeM+nmo9B!LlA@l_UoP0aZ!R_ipeV41GK~DThy;k{HU@x=iw1?^y2*)IW-L
zX_RlP&gF<OS~`!CL079LKrUbAOE@r6p>QTOTvSX$K_aBv0g})8{&1+xn<)PoS^|T}
z#MO&MWmyHtg&#wIoc$!ue!)>2fn&o_7>lNMkgec?L_O8j>$I^++jV~$8rRLpvIlpT
zf{smhM@Flo9oxHfNj}=Mrz>P9IJT#r0o9!dJAz)+`BHaE%YZvLv%BiSM2mTj{bO^F
zklo<6sLtqUr)@s-{K2v#47i=HHOm?MU<l5MjL>e75AWL55pHv6q&pGFm@cVxWm=x7
z5%1Eh<0Mj;ld_eHtkaMND~8?U0BDz@aN*S^SYehpf+36XxD+sX57%mCOxVf5b|U;m
zomPlmJlPAJMCMAjIbw-b(@eN>H@GO|mq(7Ye9!0Y;Ci(i0G2J?Oj<1zNSAr;g*JeE
z-f5m}Wy>)5gQOe=oMz`VkXX2Fh3zCWx<Yj8gTab3qsBW5Y?HzDH!#y-z>D1SST@A5
z71R>PUdh8UgAa7KZIjnqz<t%io2<wBY!}uOwn3Z5HlO((ych;N&n<idUw{_c5qw}f
zA`F)UkGyvBWE03Idta1WXTLFdG_k&;;STGg4cam`VVew&@4@q7z;kqK!y=$RhRqjQ
z3^zBFwz!b#h7b4ZiDtN?`}T@8H6`0HMKI_8Xkt6IH+odJW!c*2eA{Hu5T9EH#C$V}
zgU|&aO5Jv(;X3Rv{FxBAkRm^F>zEw+qWOGtY~Ma{u1v`jXvezD`Jd0DiS4PUsJd-`
zWEh*qwwQz21u{i<GiNNUg`R^WVmyY^7ba52@<EYjU0ZHWU1~CT{3XC$1zZeJs27O&
zkLP?JO*f#2`ly>WXv^3{nGAZsZ`y91cB|emRSb3yVXDXCI3BW3_@m2(jN&Ul+rMIv
zW%t?@*&cVz`>2@bcpq+a9OX^WL!H!38?;56v`q%ReQ0?md8-kNeUR--$WXl|12s<u
zxOs&m;~d$j^K;dc>$SQ(v~{bvSFgyEF}Led_Y>N9TOOAimoLjG2ErKHRJiwp=_Tl0
zLf@N1co&Ohv8vU#5#A3w9-7=#a$-GPJ_yK+=b4>vl2Z$mIa+tA-jJ+qNv~-^>+>w*
z!Db0&d4-a5U6}{mok~@_LaFJ{)b`k!&ZI}y<4XtYo@B6zNTKuc<Q0bO6)&)`0@uLN
z(~=y*I&Zsj2OiGn^4*V}(S!Tox&eC_{UzI|OFzP$;%?ja_l-_yS+u%<G3ObZ$IlWx
zSwP#n2<syH->g@Y`Guw45AM;ckD<Yg{Q$yE$TZI?2s^hvG2P%2vt6XYVx|pqE{2^l
z{udC=JO&8iZX>L7^SQNOeFS%W&&1>A@@O!d8QG9ZNY>&p5$6>^#xYQ0+AnQ?Dr<tP
zYe=goS1>q=gag<j{@*H;WqvVdE|0#eR8F+z=mf|FNOS#`O7~4Xm`TYHLY~H}K6Co3
znO!iaSI%FnuHSfzg(p?$sQ`>u9eKQ%LrDL~6{L_an(H^fnLf8>z;+jyg9GVJ!|9X^
zCu5R=+sszo;yvNYr0U-bGOU)_F&E&@*-}+z^97k-%HQ7$%yw76sbqXSo9dH6%$bx7
zCS^zCTmw+9;>kSbHOgY4D1}nxpSuG7-&~^q8_Aacc=}6#0Ra0Ir2%2N+9Ch|002ov
JPDHLkV1h0PwYUHP
rename from themes/hildon/images/close-40.png
rename to themes/hildon/images/close-default-40.png
--- a/themes/hildon/jar.mn
+++ b/themes/hildon/jar.mn
@@ -91,17 +91,18 @@ chrome.jar:
   images/button-default-64.png         (images/button-default-64.png)
   images/button-active-64.png          (images/button-active-64.png)
   images/buttondark-default-64.png     (images/buttondark-default-64.png)
   images/buttondark-active-64.png      (images/buttondark-active-64.png)
   images/toolbarbutton-default-64.png  (images/toolbarbutton-default-64.png)
   images/toolbarbutton-active-64.png   (images/toolbarbutton-active-64.png)
   images/lock-40.png                   (images/lock-40.png)
   images/unlock-40.png                 (images/unlock-40.png)
-  images/close-40.png                  (images/close-40.png)
+  images/close-default-40.png          (images/close-default-40.png)
+  images/close-active-40.png           (images/close-active-40.png)
   images/check-30.png                  (images/check-30.png)
   images/search-glass-30.png           (images/search-glass-30.png)
   images/search-clear-30.png           (images/search-clear-30.png)
   images/section-expanded-16.png       (images/section-expanded-16.png)
   images/section-collapsed-16.png      (images/section-collapsed-16.png)
   images/task-switch-40.png            (images/task-switch-40.png)
   images/task-close-40.png             (images/task-close-40.png)
   images/task-back-40.png              (images/task-back-40.png)
--- a/themes/hildon/notification.css
+++ b/themes/hildon/notification.css
@@ -2,20 +2,24 @@ notification, notification[type="warning
   padding: 0;
   color: #000;
   background: #8db8d8;
   border-top: 1px solid #6897bd;
   border-bottom: 1px solid #6897bd;
 }
 
 notification .messageCloseButton {
-  list-style-image: url("chrome://browser/skin/images/close-40.png");
+  list-style-image: url("chrome://browser/skin/images/close-default-40.png");
   -moz-image-region: -moz-initial;
   -moz-box-align: start;
 }
 
+notification .messageCloseButton:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
+}
+
 notification .outset {
   border-color: #6897bd !important;
 }
 
 notification .buttons {
   padding: 8px; /* core spacing */
 }
--- a/themes/wince/browser-high.css
+++ b/themes/wince/browser-high.css
@@ -32,17 +32,17 @@
  * decision by deleting the provisions above and replace them with the notice
  * and other provisions required by the GPL or the LGPL. If you do not delete
  * the provisions above, a recipient may use your version of this file under
  * the terms of any one of the MPL, the GPL or the LGPL.
  *
  * ***** END LICENSE BLOCK ***** */
 
 @media all and (min-device-width: 401px) {
-	
+
 /* main toolbar (URL bar) -------------------------------------------------- */
 #tool-app-close {
   visibility: hidden;
   min-height: 0 !important;
   min-width: 0 !important;
   margin-top: -40px; /* keep pixels */
   list-style-image: url(images/fullscreen-close-40.png);
 }
@@ -254,17 +254,21 @@ placeitem[type="folder"] > .bookmark-man
   list-style-image: url(images/folder-32.png);
 }
 
 .close-button {
   -moz-appearance: none;
   border: none;
   margin: 0;
   padding: 0;
-  list-style-image: url("chrome://browser/skin/images/close-40.png");
+  list-style-image: url("chrome://browser/skin/images/close-default-40.png");
+}
+
+.close-button:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
 }
 
 .tool-search {
   list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
 }
 
 .autocomplete-item-label > image,
 .bookmark-item-label > image,
@@ -302,17 +306,21 @@ box[type="documenttab"][selected="true"]
   -moz-border-right-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
   -moz-border-bottom-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
   -moz-border-left-colors: #8db8d8 #8db8d8 #8db8d8 #8db8d8 #36373b;
 }
 
 box[type="documenttab"] .documenttab-close {
   width: 40px;
   height: 40px;
-  list-style-image: url("chrome://browser/skin/images/close-40.png");
+  list-style-image: url("chrome://browser/skin/images/close-default-40.png");
+}
+
+box[type="documenttab"] hbox:hover:active .documenttab-close {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
 }
 
 #newtab-button {
   list-style-image: url("images/newtab-default-64.png");
 }
 
 #newtab-button:hover:active {
   list-style-image: url("images/newtab-active-64.png");
--- a/themes/wince/browser-low.css
+++ b/themes/wince/browser-low.css
@@ -256,16 +256,20 @@ placeitem[type="folder"] > .bookmark-man
 .close-button {
   -moz-appearance: none;
   border: none;
   margin: 0;
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/close-16.png");
 }
 
+.close-button:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-16.png");
+}
+
 .tool-search {
   list-style-image: url("chrome://browser/skin/images/navigation-magnifier-16.png");
 }
 
 .autocomplete-item-label > image,
 .bookmark-item-label > image,
 placeitem > .bookmark-manage > image {
   width: 24px;
@@ -304,16 +308,20 @@ box[type="documenttab"][selected="true"]
 }
 
 box[type="documenttab"] .documenttab-close {
   width: 16px;
   height: 17px;
   list-style-image: url("chrome://browser/skin/images/close-16.png");
 }
 
+box[type="documenttab"] hbox:hover:active .documenttab-close {
+  list-style-image: url("chrome://browser/skin/images/close-active-16.png");
+}
+
 #newtab-button {
   list-style-image: url("images/newtab-default-36.png");
 }
 
 #newtab-button:hover:active {
   list-style-image: url("images/newtab-active-36.png");
 }
 
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..a6326c0426c9528cfdd8973b532d1351de2c26d5
GIT binary patch
literal 900
zc$@)*1AF|5P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2igJ=
z6dE*VqVur;00RU`L_t(I%UzRCXk1kk#((GDcki2NCX=MCjF~AI()<w&Xhnhr?ZSaB
zM6inlZL64ti_)sl5kV<#>ZTwFTHS?Ei7tXJ40I(}rDzevRHQ;JUDQ?+ifxljCNp_+
z=e^@1e-@tAxA@NCJMjGkpz1x}wcAWMXBI{Fsp?b$lPNq3VBvZUUx~<tvg+SohmdXW
z$hLUJxx$|!r&_8XBw6O1Dv>Gx9T9>Eu`wYp^8TpmXJ3TSsCth8OgWeTL*$dSEPFjp
zQ}(KA4~S=T5}*!xPec-H={9EiG1a#&gwT>R-t#TIx~}?pF$AfA?gq(kMh74R)`4Zv
ze?aQaX_v@rhhf%YZ83ovpQfb&RV~J`?46h(Yc`2iR)~PaS}Idh)E_*M!s@CvKr&;7
zm*7j2!LX=~m9mV7Kx}t6FV<>2bM`Drr9uN3I(d@kPoHMATBQ%9lx2wOSO&v((Ar~}
z>fv&hX%9%;Y;t{JfhQ&>DIYvYJUGbH$B*;l%nWy?r`e@S2Xw_4@gg^jK*@`c1F>6w
zrwa?r*J|u3mwEEY5q_DQ<L3GEbfqZ<$bonf1WE>|I}svK5y1$wjbVSaigk`O1oj;`
zKvb!qfNXi42teH+a>ZJMb&<r@pj};zy!i%C9X-l#^YdJMyGCz+KZnkpgQ5L+BUl%S
zwFX447!|oH#w>PRgm;l9-31<h`53>>&T{9|k11UHolEb%OaI6SetaBfMLRA+j9FBX
ztMV*j;;vn_lD8iYr5y^^aId?EzKs_7cCy(-;C}CJa_bG!B;lrwxZ6(ON!FVm+1sEG
zhj0V$$Md<|K(B#v8nhsYk1Rg2#F3>pB&w(^xtPU}{;<|)ocRgXZPj}&r)je<X@B2w
zZb0IA)ceTfqKL>DOk_!I#Im(=8=Kuq+TZ-Ux_07cSlVG>8>lhJKT<5buqPM4)Z^@P
zd29LrT4}bt8q!PmH<G!(>Wz!nptVEeR^4}w0332IS1K0r#hi-(>KmbRx87)74q@Z}
a-v0m?1v&F`DDiRt0000<MNUMnLSTYt5uK<2
new file mode 100644
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..9efe99d6ef7390df7f290025f084de51b2a34e03
GIT binary patch
literal 1975
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
JPDHLkV1h0PwYUHP
rename from themes/wince/images/close-16.png
rename to themes/wince/images/close-default-16.png
rename from themes/wince/images/close-40.png
rename to themes/wince/images/close-default-40.png
--- a/themes/wince/jar.mn
+++ b/themes/wince/jar.mn
@@ -64,17 +64,18 @@ chrome.jar:
   images/leftcapSSL-active-64.png      (images/leftcapSSL-active-64.png)
   images/rightcap-default-64.png       (images/rightcap-default-64.png)
   images/rightcap-active-64.png        (images/rightcap-active-64.png)
   images/identity-64.png               (images/identity-64.png)
   images/identityEV-64.png             (images/identityEV-64.png)
   images/identitySSL-64.png            (images/identitySSL-64.png)
   images/lock-40.png                   (images/lock-40.png)
   images/unlock-40.png                 (images/unlock-40.png)
-  images/close-40.png                  (images/close-40.png)
+  images/close-default-40.png          (images/close-default-40.png)
+  images/close-active-40.png           (images/close-active-40.png)
   images/check-30.png                  (images/check-30.png)
   images/fullscreen-close-40.png       (images/fullscreen-close-40.png)
   images/fullscreen-up-40.png          (images/fullscreen-up-40.png)
   images/search-glass-30.png           (images/search-glass-30.png)
   images/search-clear-30.png           (images/search-clear-30.png)
   images/section-expanded-16.png       (images/section-expanded-16.png)
   images/section-collapsed-16.png      (images/section-collapsed-16.png)
   images/geo-16.png                    (images/geo-16.png)
@@ -109,17 +110,18 @@ chrome.jar:
   images/rightcap-active-36.png        (images/rightcap-active-36.png)
   images/rightcap-default-36.png       (images/rightcap-default-36.png)
   images/settings-active-36.png        (images/settings-active-36.png)
   images/settings-default-36.png       (images/settings-default-36.png)
   images/settings-open-36.png          (images/settings-open-36.png)
   images/newtab-default-36.png         (images/newtab-default-36.png)
   images/newtab-active-36.png          (images/newtab-active-36.png)
   images/navigation-magnifier-16.png   (images/navigation-magnifier-16.png)
-  images/close-16.png                  (images/close-16.png)
+  images/close-default-16.png          (images/close-default-16.png)
+  images/close-active-16.png           (images/close-active-16.png)
   images/bookmarks-24.png              (images/bookmarks-24.png)
   images/go-16.png                     (images/go-16.png)
   images/reload-16.png                 (images/reload-16.png)
   images/stop-16.png                   (images/stop-16.png)
   images/check-24.png                  (images/check-24.png)
   images/favicon-default-24.png        (images/favicon-default-24.png)
   images/star-24.png                   (images/star-24.png)
   images/folder-24.png                 (images/folder-24.png)
--- a/themes/wince/notification.css
+++ b/themes/wince/notification.css
@@ -7,23 +7,31 @@ notification {
 
 notification .messageCloseButton {
   -moz-image-region: -moz-initial;
   -moz-box-align: start;
 }
 
 @media all and (min-device-width: 401px) {
 notification .messageCloseButton {
-  list-style-image: url("chrome://browser/skin/images/close-40.png");
+  list-style-image: url("chrome://browser/skin/images/close-default-40.png");
+}
+
+notification .messageCloseButton:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-40.png");
 }
 }
 
 @media all and (max-device-width: 400px) {
 notification .messageCloseButton {
-  list-style-image: url("chrome://browser/skin/images/close-16.png");
+  list-style-image: url("chrome://browser/skin/images/close-default-16.png");
+}
+
+notification .messageCloseButton:hover:active {
+  list-style-image: url("chrome://browser/skin/images/close-active-16.png");
 }
 }
 
 notification .outset {
   border-color: #6897bd !important;
 }
 
 notification .buttons {