Bug 594429 - Update the live filter search button in Panorama UI [r=dao, a=blocking2.0]
authorRaymond Lee <raymond@raysquare.com>
Wed, 24 Nov 2010 00:32:09 +0800
changeset 58101 88cca1740749
parent 58100 d25bfdc458cf
child 58102 5cdcba8db3a2
push id17157
push userian@iangilman.com
push dateTue, 23 Nov 2010 22:33:58 +0000
treeherdermozilla-central@597e4c5ded14 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdao, blocking2
bugs594429
milestone2.0b8pre
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
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,60 +505,54 @@ 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;    
 }
 
@@ -568,22 +562,17 @@ html[dir=rtl] #actions {
   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,61 +496,55 @@ 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;    
 }
 
@@ -560,22 +554,17 @@ html[dir=rtl] #actions {
   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,62 +522,56 @@ 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;
 }
 
@@ -587,22 +581,17 @@ html[dir=rtl] #actions {
   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;