Bug 597776 - New group expander icon. r=ian
authorStephen Horlander <shorlander@mozilla.com>
Sun, 16 Jan 2011 10:58:53 +0100
changeset 60662 8e78ab784c91780d4e1c9ad8865a474308c5ec77
parent 60661 993dea936b187bfcbd4d9bffeb8e30e76aedb3c3
child 60663 005134c9c078689d74058cba172e14076458f602
push id18064
push userdgottwald@mozilla.com
push dateSun, 16 Jan 2011 09:59:51 +0000
treeherdermozilla-central@005134c9c078 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersian
bugs597776
milestone2.0b10pre
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 597776 - New group expander icon. r=ian
browser/base/content/tabview/groupitems.js
browser/themes/gnomestripe/browser/tabview/stack-expander.png
browser/themes/gnomestripe/browser/tabview/tabview.css
browser/themes/pinstripe/browser/tabview/stack-expander.png
browser/themes/pinstripe/browser/tabview/tabview.css
browser/themes/winstripe/browser/tabview/stack-expander.png
browser/themes/winstripe/browser/tabview/tabview.css
--- a/browser/base/content/tabview/groupitems.js
+++ b/browser/base/content/tabview/groupitems.js
@@ -1031,18 +1031,16 @@ GroupItem.prototype = Utils.extend(new I
   // Show the control which expands a stacked groupItem into a quick-look view.
   showExpandControl: function GroupItem_showExpandControl() {
     let parentBB = this.getBounds();
     let childBB = this.getChild(0).getBounds();
     let padding = 7;
     this.$expander
         .show()
         .css({
-          opacity: .2,
-          top: childBB.top + childBB.height - parentBB.top + padding,
           left: parentBB.width/2 - this.$expander.width()/2
         });
   },
 
   // ----------
   // Function: shouldStack
   // Returns true if the groupItem should stack (instead of grid).
   shouldStack: function GroupItem_shouldStack(count) {
index 86004c23b12100ed7e055bca461c27b17952fa1b..80e513304aeb6020d467f40f749401628ed2af3e
GIT binary patch
literal 1733
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
bKLQK@f#ivq%y4Rz00000NkvXXu0mjf9oJ*M
--- a/browser/themes/gnomestripe/browser/tabview/tabview.css
+++ b/browser/themes/gnomestripe/browser/tabview/tabview.css
@@ -460,25 +460,25 @@ html[dir=rtl] .title-shield {
   right: 0;
 }
 
 .transparentBorder {
   border: 1px solid transparent !important;
 }
 
 .stackExpander {
-  opacity: .4;
   cursor: pointer;
-  background-image: url(chrome://browser/skin/tabview/stack-expander.png);
+  bottom: 8px;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
   width: 24px;
   height: 24px;
 }
 
 .stackExpander:hover {
-  opacity: .7 !important;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
 }
 
 /* Resizable
 ----------------------------------*/
 .resizer {
   background-image: url(chrome://global/skin/icons/resizer.png);
   width: 16px;
   height: 16px;
index 86004c23b12100ed7e055bca461c27b17952fa1b..acde8bb40378ab924d2065a444a7e139afa81921
GIT binary patch
literal 1516
zc$@+31rz#-P)<h;3K|Lk000e1NJLTq001xm000;W1^@s6y#0RM0000PbVXQnQ*UN;
zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU%j!8s8RCwCdmrF}zM-<2Jy|&M`Tf4{6
zsQ8+RibjJ87~et&8VMq1BO`8R7J`0?NjCWaGBScV5VLb(7HY(Wiv%OaSHwgF4WnZe
z@ooDUwYB@^|2JK7yZT;*nPg!>VOi&#->p+s=hSIc*LCGSH%+<c%_atIZEY3N(b3<=
z#Ke4}Y1%s-i{I~8-@bkO``Ovq^RBM0UyU;GAA(;9zUw{t2jKq!{!WksE|=?7a&mG!
z;65l`e;_O@ObHJUSE8b#bj-^z<^23yy}Z0sd_Ld5$Ej&5<_kABH(%l3T%$htCE$m1
z@g{u5g0Dz?&c}gYf`12t9C+~Hfg3yIZ*6ToF@lztm$&BT<}xE9B7%0!>-DN-Wo0Yb
z+1W|P`R?v+J6ZDXVJ-rE9sF;M^ZWbzKaGx#{$|Fnudgq0yWL+&{O4qa#6V<Zq<(dE
zb<GrgVPRo*XlUp|RaJF#Md~_b)G^wSL6+<Q=9B>6EBfBv-f(Yk@1zx<GU^y@0{qY*
zrhzyr(Q<Qh)3F0wlxoaY9CI!qAz_a?MjJB7k{vMPgIxmqcq@KhUY?6OxABb*T;EBy
z#l^){08VT+TUbj=%LR_tL!j6lj<E}e&CShT>QI+9;$Bn7#DN?B!NI}LxXT{Q#n#o;
zJ!9<2{FIawcWrI$Q|eHcHfH=F2Y5$kXJ_B^_4R$;+1cp;=oki<g@uLN3@Y&fjtdG3
zb||9`b!kIeGOQecOxfDn8tCZg81L`z?+rK+4gN<a{5;C2LtWa?mJB2R=ICC&e7TjF
znCL$}J=K^gkg8N1*Wab3rK@9OW7VmtsaH4&5n#&3#)hr3vhtUSiHS@&lE#HI&DrgC
z|MvE_*52M86x`r{4ZZ^Ybv6NCNlHp`fS&{BXTkSNe66Xe=~M8Ru<&CpoQ{F7fUki6
zV^9{NS4@|H_&A25dUA4-hFwj=hkb+#&pGBCWK{&l#>V=Q4s~t@7iV<>0lp&m9*^gE
zaBy&jj+yXv%9v&mYl_5ILmo1bXGK2dDZt1_Bl+HOj796%m1}3M79H~Jhw_y>_{v>;
zo7KmRL1!gL0Kany@L%zRu8`47k;?cNAk&vvWDd&Z9W-0e|G^K+LIO(Ti;D{t&_iU1
z)uW>$jWV$ajyXpeb*L*oDD=!6komaV?y9P)3b0fYzDgN&ZsP~J&DsW!$Lj9xZWt6j
z$kCTsSy_(a;^Gz5BsY1QW6n`V9qQ7Cwq#fxH)ZAJ<)1-U#RKI=26~Db=?moh3YpJ2
z%BVwK+R#?!2VEg#9qsYs$4&&-Yos;1$n#TEQ!Z4IL7vad%tU2mWbER29Ssc)Ona}>
z)6<>f<Kvpu34qVnx300V(dlqFJ`Uvhebici%2#84etx04x|)@798ThCQBl#n)9EY+
zW76^pvGPMZ!$M-k;!!*~@E&}?VoU50$H>(wJv}{k@z~LZwq#g25a9c`5b;P23=H(5
zy7b8W_4V~b)LK7?$Bs6%mH8nt5NH>SGn5DW0Hnvo#rc^L#0NNzkB|3b@tI3YODy8_
zfQ@oj42Y5@P>D`qp~v7WCVXXWZS4pp#Ej9#G6o<}<+Oz$&8exW`Ag2jA~#c(pP!!-
zbSJ?eOLoAFj{yDh$&)9=R(#4(I@jFBw;8HD501(4;>C*$+%r|wM)=4>Kz#D9;@arb
z)6<WJhle!=7I%h^4_|2fe<V8qz8Cy(@V{d$h}sBz9emx4KQb~hxwEq~#UC~SK3`}i
z18;}}IXOAsudJ**gOY>wjCeU|h$lZJFgef8tHcx+*g2LTr)0?vU=H||N8pEpuS<OO
z7QQa=ugD51=FpPSOVOj=^LO?+`ULu>G#||$X58HO<TDobm@s4q?q&N&fB^twqo|gm
SAXlaU0000<MNUMnLSTZ{;PhDl
--- a/browser/themes/pinstripe/browser/tabview/tabview.css
+++ b/browser/themes/pinstripe/browser/tabview/tabview.css
@@ -452,25 +452,25 @@ html[dir=rtl] .title-shield {
   right: 0;
 }
 
 .transparentBorder {
   border: 1px solid transparent !important;
 }
 
 .stackExpander {
-  opacity: .4;
   cursor: pointer;
-  background-image: url(chrome://browser/skin/tabview/stack-expander.png);
+  bottom: 8px;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
   width: 24px;
   height: 24px;
 }
 
 .stackExpander:hover {
-  opacity: .7 !important;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
 }
 
 /* Resizable
 ----------------------------------*/
 .resizer {
   background-image: url(chrome://global/skin/icons/resizer.png);
   width: 16px;
   height: 16px;
index 86004c23b12100ed7e055bca461c27b17952fa1b..ddc884f2cac8947a0dacd00ae44f6cd2111ce609
GIT binary patch
literal 1920
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
GLSTZlBfPc%
--- a/browser/themes/winstripe/browser/tabview/tabview.css
+++ b/browser/themes/winstripe/browser/tabview/tabview.css
@@ -479,25 +479,25 @@ html[dir=rtl] .title-shield {
   right: 0;
 }
 
 .transparentBorder {
   border: 1px solid transparent !important;
 }
 
 .stackExpander {
-  opacity: .4;
   cursor: pointer;
-  background-image: url(chrome://browser/skin/tabview/stack-expander.png);
+  bottom: 8px;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
   width: 24px;
   height: 24px;
 }
 
 .stackExpander:hover {
-  opacity: .7 !important;
+  background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
 }
 
 /* Resizable
 ----------------------------------*/
 .resizer {
   background-image: url(chrome://global/skin/icons/resizer.png);
   width: 16px;
   height: 16px;