Bug 594429 - Update the live filter search button in Panorama UI [r=dao, a=blocking2.0]
authorRaymond Lee <raymond@raysquare.com>
Thu, 25 Nov 2010 10:53:35 +0800
changeset 58258 98184990f3ba2cdd38fd505850e17511ca783588
parent 58257 13f5b057c586449e954c5f3e34aae46173dac0bc
child 58259 91465997ac12045fa7583f9fbad7d0f679826eb1
push id1
push usershaver@mozilla.com
push dateTue, 04 Jan 2011 17:58:04 +0000
reviewersdao, blocking2
bugs594429
milestone2.0b8pre
Bug 594429 - Update the live filter search button in Panorama UI [r=dao, a=blocking2.0]
browser/base/content/tabview/tabview.css
browser/themes/gnomestripe/browser/tabview/search.png
browser/themes/gnomestripe/browser/tabview/tabview.css
browser/themes/pinstripe/browser/tabview/search.png
browser/themes/pinstripe/browser/tabview/tabview.css
browser/themes/winstripe/browser/tabview/search.png
browser/themes/winstripe/browser/tabview/tabview.css
--- a/browser/base/content/tabview/tabview.css
+++ b/browser/base/content/tabview/tabview.css
@@ -194,17 +194,16 @@ body {
 ----------------------------------*/
 #exit-button {
   position: absolute;
   z-index: 1000;
 }
 
 /* Search
 ----------------------------------*/
-
 #search{
   position: absolute;
   top: 0px;
   left: 0px;
   z-index: 1000;  
 }
 
 html[dir=rtl] #search {
@@ -223,17 +222,17 @@ html[dir=rtl] #searchbox {
   right: auto;
   left: 20px;
 }
 
 #actions{
   position: absolute;
   top: 100px;
   right: 0px;
-  z-index:10;
+  z-index: 10;
 }
 
 html[dir=rtl] #actions {
   right: auto;
   left: 0;
 }
 
 #actions #searchbutton{
index b7c76d55fc349e6fbef71572efd8677904993d0b..df7212d78c8f86e7abe5073d85bf419786993550
GIT binary patch
literal 1445
zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE;=WQl7;NpOBzNqJ&XDuZK6ep0G}
zXKrG8YEWuoN@d~6R2v2cW~I!Kh>{3jAFJg2T)jk)8oi3#0tOJUv9BmdOwLX%QAkQn
z&&;z`dcS+Wl0s&Rtx~wDuYqrYb81GWM^#a3aFt(3a#eP+Wr~u$oq|n;70`g()RIJn
zirk#MVyg;UC9t_xKsHENUr7P1q$Jx`3F4>--v9;Y{GwC^Q#}LSWCJq;1v5iELt_(j
zb8{U9BLhPNeFGzXLnB>7b1P#bD+2=sC{P00R+N%v73AUuwF}6zRmvzSDX`MlFE20G
zD>v55FG|-pw6wGYnPFt43sj+7T$xvrSfQI&tPC^3CAB!YD6^m>Ge1uO#7|7hFD<cE
zQi6FQw*YQzUNJP7fB~jokyxN_sAr&$q|nzFztY@Xxa#7Ppwu+{s*6J^3sUuiQj7CT
zi;{s6m!=HTTwvu~l$uzQUlfv`p92fUfQ<Z-{NjxK0tM$_Qw86|<jgz}AFSTj*UB@m
zxFj(zIn~p}RtYGgmzkMj<?8HW<YHiH=45K*WN7H(W@%|*=4@<YVCL%N=458z2-EA5
zpIn-onpXnTn}X15j#DovDL{0m7G;*DrnnX5=PH1`Y?X=IEhf0#0@0g-+byOz_38s1
zqmLHRFd<;-0Wsmp7RZ4o{M0;PYA*sN>rTV&CkzZslAbP(Ar-gIOxf=(ohWhqzW0|&
z%5$EucNmJziJ9UcY}`?-!m3zuX2F9?x{8aG4(>moX>nv>w|9Gzh2oBmj%RINv%&-y
zpVk#z=i6j)gwJ;IvDe>Qzh`+QC3QFR*HpyK+x@)y{pUUBtLLnH{Y3SwOWchrE88a)
zc|v(2D?~zyzr{BRL^aK3Wm<7rz(Bc<b3enw!|LW2?>MWhJ-C;7dz-+8nFfjSk&gGC
zud{8r!LAmz`Sx4$iy0w$V%@KA=9DSR@Xg=wy?(aOGSNN1m%SBx$;Z1U?6rA|pRU;H
zm5VfrJ9-)9Iu6Kp9}TMTYdz26=wbRy%0`bvl9@}xMQLKc&kD=LBX7&zKc2gO#e)TN
zAKaf*Yj<DZ_2hG(_nfJ^k<)ekwQc+LRaaN7eyrKO=mz(9ht^L&_k6gbDaOUB{dV!;
zhYEMAEIRI8{8!U>zx93gOMb=23DO>o4iAElPfA>xVBo>}dTUhg1C?NllMaVjd}g10
zR;g3pwA)2#<JUQsU#e~9T@6~f<f5JFnTN6~nz9S{*%GXu7FBM(9cwo!wNhDxD>m`0
zaijbLrazl*=Im|w7QQ+}%lO9E-|Ng<Ie!-KyyK!a`DJ+M)uvCcXEeR8uvw?{>_Eic
zt0ui_d`-z2I@@L6sJWQks5@rRy<5dI>Og|G$MV`ge)S5v&42rMTzdIs(dCzS4lg);
zGUd{bh})CqXP0bPeuMRfnI6;kSO0I+vq&&pJYHef^w)U`sNnQ;^>bP0l+XkKR`nx-
--- a/browser/themes/gnomestripe/browser/tabview/tabview.css
+++ b/browser/themes/gnomestripe/browser/tabview/tabview.css
@@ -505,85 +505,62 @@ html[dir=rtl] .iq-resizable-se {
 }
 
 /* Exit button
 +----------------------------------*/
 #exit-button {
   cursor: default;
   top: 0;
   right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0) no-repeat scroll 7px 7px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  width: 16px;
+  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;
 }
 
 html[dir=rtl] #exit-button {
   right: auto;
   left: 0;
-  border-radius: 0 3px 3px 0;
 }
 
 /* Search
 ----------------------------------*/
-
 #search{
   background-color: rgba(0,0,0,.42);
   width: 100%;
   height: 100%;  
 }
 
 #searchbox{
   width: 270px;
   height: 30px;
   box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
   color: white;
   border: none;
   background-color: #272727;
   border-radius: 0.4em;
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
-  font-size: 14px;  
+  font-size: 14px;
 }
 
 #actions{
-  width: 30px;
-  height: 30px;
-  background-color: #666;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 9px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
-html[dir=ltr] #actions {
-  border-bottom-left-radius: 0.4em;
-  border-top-left-radius: 0.4em;    
-}
-
-html[dir=rtl] #actions {
-  border-bottom-right-radius: 0.4em;
-  border-top-right-radius: 0.4em;    
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset -6px 6px 9px rgba(0,0,0,.56);
-}
-
 #actions #searchbutton{
   background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover{
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch{
   opacity: .70;
 }
 
 #otherresults {
   left: 0px;
index b7c76d55fc349e6fbef71572efd8677904993d0b..df7212d78c8f86e7abe5073d85bf419786993550
GIT binary patch
literal 1445
zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE;=WQl7;NpOBzNqJ&XDuZK6ep0G}
zXKrG8YEWuoN@d~6R2v2cW~I!Kh>{3jAFJg2T)jk)8oi3#0tOJUv9BmdOwLX%QAkQn
z&&;z`dcS+Wl0s&Rtx~wDuYqrYb81GWM^#a3aFt(3a#eP+Wr~u$oq|n;70`g()RIJn
zirk#MVyg;UC9t_xKsHENUr7P1q$Jx`3F4>--v9;Y{GwC^Q#}LSWCJq;1v5iELt_(j
zb8{U9BLhPNeFGzXLnB>7b1P#bD+2=sC{P00R+N%v73AUuwF}6zRmvzSDX`MlFE20G
zD>v55FG|-pw6wGYnPFt43sj+7T$xvrSfQI&tPC^3CAB!YD6^m>Ge1uO#7|7hFD<cE
zQi6FQw*YQzUNJP7fB~jokyxN_sAr&$q|nzFztY@Xxa#7Ppwu+{s*6J^3sUuiQj7CT
zi;{s6m!=HTTwvu~l$uzQUlfv`p92fUfQ<Z-{NjxK0tM$_Qw86|<jgz}AFSTj*UB@m
zxFj(zIn~p}RtYGgmzkMj<?8HW<YHiH=45K*WN7H(W@%|*=4@<YVCL%N=458z2-EA5
zpIn-onpXnTn}X15j#DovDL{0m7G;*DrnnX5=PH1`Y?X=IEhf0#0@0g-+byOz_38s1
zqmLHRFd<;-0Wsmp7RZ4o{M0;PYA*sN>rTV&CkzZslAbP(Ar-gIOxf=(ohWhqzW0|&
z%5$EucNmJziJ9UcY}`?-!m3zuX2F9?x{8aG4(>moX>nv>w|9Gzh2oBmj%RINv%&-y
zpVk#z=i6j)gwJ;IvDe>Qzh`+QC3QFR*HpyK+x@)y{pUUBtLLnH{Y3SwOWchrE88a)
zc|v(2D?~zyzr{BRL^aK3Wm<7rz(Bc<b3enw!|LW2?>MWhJ-C;7dz-+8nFfjSk&gGC
zud{8r!LAmz`Sx4$iy0w$V%@KA=9DSR@Xg=wy?(aOGSNN1m%SBx$;Z1U?6rA|pRU;H
zm5VfrJ9-)9Iu6Kp9}TMTYdz26=wbRy%0`bvl9@}xMQLKc&kD=LBX7&zKc2gO#e)TN
zAKaf*Yj<DZ_2hG(_nfJ^k<)ekwQc+LRaaN7eyrKO=mz(9ht^L&_k6gbDaOUB{dV!;
zhYEMAEIRI8{8!U>zx93gOMb=23DO>o4iAElPfA>xVBo>}dTUhg1C?NllMaVjd}g10
zR;g3pwA)2#<JUQsU#e~9T@6~f<f5JFnTN6~nz9S{*%GXu7FBM(9cwo!wNhDxD>m`0
zaijbLrazl*=Im|w7QQ+}%lO9E-|Ng<Ie!-KyyK!a`DJ+M)uvCcXEeR8uvw?{>_Eic
zt0ui_d`-z2I@@L6sJWQks5@rRy<5dI>Og|G$MV`ge)S5v&42rMTzdIs(dCzS4lg);
zGUd{bh})CqXP0bPeuMRfnI6;kSO0I+vq&&pJYHef^w)U`sNnQ;^>bP0l+XkKR`nx-
--- a/browser/themes/pinstripe/browser/tabview/tabview.css
+++ b/browser/themes/pinstripe/browser/tabview/tabview.css
@@ -496,86 +496,63 @@ html[dir=rtl] .iq-resizable-se {
   left: 1px;
 }
 
 /* Exit button
 +----------------------------------*/
 #exit-button {
   cursor: default;
   top: 0;
-  right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 20, 20, 0) no-repeat scroll 4px 4px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  right: 1px;
+  width: 20px;
+  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;
 }
 
 html[dir=rtl] #exit-button {
   right: auto;
   left: 0;
-  border-radius: 0 3px 3px 0;
 }
 
 /* Search
 ----------------------------------*/
-
 #search {
   background-color: rgba(0,0,0,.42);
   width: 100%;
-  height: 100%;  
+  height: 100%;
 }
 
 #searchbox {
   width: 270px;
   height: 30px;
   box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 13px rgba(0,0,0,.8);
   color: white;
   border: none;
   background-color: #272727;
   border-radius: 0.4em;
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
   font-size: 14px;  
 }
 
 #actions {
-  width: 30px;
-  height: 30px;
-  background-color: #666;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 13px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
-html[dir=ltr] #actions {
-  border-bottom-left-radius: 0.4em;
-  border-top-left-radius: 0.4em;    
-}
-
-html[dir=rtl] #actions {
-  border-bottom-right-radius: 0.4em;
-  border-top-right-radius: 0.4em;    
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset -6px 6px 13px rgba(0,0,0,.56);
-}
-
 #actions #searchbutton {
   background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover {
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch {
   opacity: .70;
 }
 
 #otherresults {
   left: 0px;
index b7c76d55fc349e6fbef71572efd8677904993d0b..df7212d78c8f86e7abe5073d85bf419786993550
GIT binary patch
literal 1445
zc%17D@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE;=WQl7;NpOBzNqJ&XDuZK6ep0G}
zXKrG8YEWuoN@d~6R2v2cW~I!Kh>{3jAFJg2T)jk)8oi3#0tOJUv9BmdOwLX%QAkQn
z&&;z`dcS+Wl0s&Rtx~wDuYqrYb81GWM^#a3aFt(3a#eP+Wr~u$oq|n;70`g()RIJn
zirk#MVyg;UC9t_xKsHENUr7P1q$Jx`3F4>--v9;Y{GwC^Q#}LSWCJq;1v5iELt_(j
zb8{U9BLhPNeFGzXLnB>7b1P#bD+2=sC{P00R+N%v73AUuwF}6zRmvzSDX`MlFE20G
zD>v55FG|-pw6wGYnPFt43sj+7T$xvrSfQI&tPC^3CAB!YD6^m>Ge1uO#7|7hFD<cE
zQi6FQw*YQzUNJP7fB~jokyxN_sAr&$q|nzFztY@Xxa#7Ppwu+{s*6J^3sUuiQj7CT
zi;{s6m!=HTTwvu~l$uzQUlfv`p92fUfQ<Z-{NjxK0tM$_Qw86|<jgz}AFSTj*UB@m
zxFj(zIn~p}RtYGgmzkMj<?8HW<YHiH=45K*WN7H(W@%|*=4@<YVCL%N=458z2-EA5
zpIn-onpXnTn}X15j#DovDL{0m7G;*DrnnX5=PH1`Y?X=IEhf0#0@0g-+byOz_38s1
zqmLHRFd<;-0Wsmp7RZ4o{M0;PYA*sN>rTV&CkzZslAbP(Ar-gIOxf=(ohWhqzW0|&
z%5$EucNmJziJ9UcY}`?-!m3zuX2F9?x{8aG4(>moX>nv>w|9Gzh2oBmj%RINv%&-y
zpVk#z=i6j)gwJ;IvDe>Qzh`+QC3QFR*HpyK+x@)y{pUUBtLLnH{Y3SwOWchrE88a)
zc|v(2D?~zyzr{BRL^aK3Wm<7rz(Bc<b3enw!|LW2?>MWhJ-C;7dz-+8nFfjSk&gGC
zud{8r!LAmz`Sx4$iy0w$V%@KA=9DSR@Xg=wy?(aOGSNN1m%SBx$;Z1U?6rA|pRU;H
zm5VfrJ9-)9Iu6Kp9}TMTYdz26=wbRy%0`bvl9@}xMQLKc&kD=LBX7&zKc2gO#e)TN
zAKaf*Yj<DZ_2hG(_nfJ^k<)ekwQc+LRaaN7eyrKO=mz(9ht^L&_k6gbDaOUB{dV!;
zhYEMAEIRI8{8!U>zx93gOMb=23DO>o4iAElPfA>xVBo>}dTUhg1C?NllMaVjd}g10
zR;g3pwA)2#<JUQsU#e~9T@6~f<f5JFnTN6~nz9S{*%GXu7FBM(9cwo!wNhDxD>m`0
zaijbLrazl*=Im|w7QQ+}%lO9E-|Ng<Ie!-KyyK!a`DJ+M)uvCcXEeR8uvw?{>_Eic
zt0ui_d`-z2I@@L6sJWQks5@rRy<5dI>Og|G$MV`ge)S5v&42rMTzdIs(dCzS4lg);
zGUd{bh})CqXP0bPeuMRfnI6;kSO0I+vq&&pJYHef^w)U`sNnQ;^>bP0l+XkKR`nx-
--- a/browser/themes/winstripe/browser/tabview/tabview.css
+++ b/browser/themes/winstripe/browser/tabview/tabview.css
@@ -522,87 +522,64 @@ html[dir=rtl] .iq-resizable-se {
   right: auto;
   left: 1px;
 }
 
 /* Exit button
 +----------------------------------*/
 #exit-button {
   cursor: default;
-  top: 0;
+  top: 1px;
   right: 0;
-  width: 28px;
-  height: 27px;
-  background: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 18, 18, 0) no-repeat scroll 4px 4px #b7b7b7;
-  border-bottom: 1px solid #909090;
-  -moz-border-start: 1px solid #B7B7B7;
-  border-top: 1px solid #CFCFCF;
-  border-radius: 3px 0 0 3px;
+  width: 18px;
+  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;
 }
 
 html[dir=rtl] #exit-button {
   right: auto;
   left: 0;
-  border-radius: 0 3px 3px 0;
 }
 
 /* Search
 ----------------------------------*/
-
 #search{
   background-color: rgba(0,0,0,.42);
   width: 100%;
   height: 100%;  
 }
 
 #searchbox{
   width: 270px;
   height: 30px;
   box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
   color: white;
   border: none;
   background-color: #272727;
   border-radius: 0.4em;
   -moz-padding-start: 5px;
   -moz-padding-end: 5px;
-  font-size: 14px;  
+  font-size: 14px;
 }
 
 #actions{
-  width: 30px;
-  height: 30px;
-  background-color: #CFDBE8;
+  width: 26px;
+  height: 26px;
   border: none;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset 6px 6px 9px rgba(0,0,0,.56);
-  opacity: .64;
   text-align: center;
 }
 
-html[dir=ltr] #actions {
-  border-bottom-left-radius: 0.4em;
-  border-top-left-radius: 0.4em;
-}
-
-html[dir=rtl] #actions {
-  border-bottom-right-radius: 0.4em;
-  border-top-right-radius: 0.4em;
-  box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,.8), inset -6px 6px 9px rgba(0,0,0,.56);
-}
-
 #actions #searchbutton{
   background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
   border: none;
   width: 20px;
   height: 20px;
-  margin-top:5px;
-  opacity: .8;  
-}
-
-#actions #searchbutton:hover{
-  opacity: 1.0;
+  margin-top: 3px;
 }
 
 .notMainMatch{
   opacity: .70;
 }
 
 #otherresults {
   left: 0px;