Bug 591699 - Wrong clickable area for 'close tab group' button r=tim
authorRaymond Lee <raymond@raysquare.com>
Mon, 15 Aug 2011 14:12:21 +0800
changeset 75370 c762e01dd6dc27a90357a9d6388967d9412c2522
parent 75369 1608aa3ce9d38ee758d4ac843e125fcdc14b804d
child 75371 6137de4b8036d0602f9dee98d889bb42c163b15d
push id21011
push userrcampbell@mozilla.com
push dateTue, 16 Aug 2011 15:35:10 +0000
treeherdermozilla-central@e765c8f565c6 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewerstim
bugs591699
milestone8.0a1
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 591699 - Wrong clickable area for 'close tab group' button r=tim
browser/themes/gnomestripe/browser/tabview/tabview.css
browser/themes/pinstripe/browser/tabview/tabview.css
browser/themes/winstripe/browser/tabview/tabview.css
--- a/browser/themes/gnomestripe/browser/tabview/tabview.css
+++ b/browser/themes/gnomestripe/browser/tabview/tabview.css
@@ -213,16 +213,27 @@ html[dir=rtl] .groupItem {
 
 html[dir=rtl] .groupItem.activeGroupItem {
   box-shadow:
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
 .groupItem .close {
   z-index: 10;
+  top: 0px;
+  right: 0px;
+  width: 22px;
+  height: 22px;
+  background-position: bottom left;
+}
+
+html[dir=rtl] .groupItem .close {
+  right: auto;
+  left: 0px;
+  background-position: bottom right;
 }
 
 .phantom {
   border: 1px solid rgba(190,190,190,1);
 }
 
 .dragRegion {
   background: rgba(248,248,248,0.4);
--- a/browser/themes/pinstripe/browser/tabview/tabview.css
+++ b/browser/themes/pinstripe/browser/tabview/tabview.css
@@ -205,16 +205,27 @@ html[dir=rtl] .stack-trayed .tab-title {
 
 html[dir=rtl] .groupItem.activeGroupItem {
   box-shadow:
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
 .groupItem .close {
   z-index: 10;
+  top: 0px;
+  right: 0px;
+  width: 22px;
+  height: 22px;
+  background-position: bottom left;
+}
+
+html[dir=rtl] .groupItem .close {
+  right: auto;
+  left: 0px;
+  background-position: bottom right;
 }
 
 .phantom {
   border: 1px solid rgba(255, 255, 255, 0.5);
 }
 
 .dragRegion {
   background: rgba(235, 235, 235, 0.4);
--- a/browser/themes/winstripe/browser/tabview/tabview.css
+++ b/browser/themes/winstripe/browser/tabview/tabview.css
@@ -77,16 +77,17 @@ html[dir=rtl] .favicon {
 }
 
 .close {
   top: 6px;
   right: 6px;
   width: 16px;
   height: 16px;
   background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0);
+  background-repeat: no-repeat;
 }
 
 .close:hover {
   background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 32, 16, 16);
 }
 
 .close:hover:active {
   background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 48, 16, 32);
@@ -231,16 +232,27 @@ html[dir=rtl] .groupItem {
 
 html[dir=rtl] .groupItem.activeGroupItem {
   box-shadow:
     rgba(0,0,0,0.8) -2px 2px 8px;
 }
 
 .groupItem .close {
   z-index: 10;
+  top: 0px;
+  right: 0px;
+  width: 22px;
+  height: 22px;
+  background-position: bottom left;
+}
+
+html[dir=rtl] .groupItem .close {
+  right: auto;
+  left: 0px;
+  background-position: bottom right;
 }
 
 .dragRegion {
   background: rgba(224, 234, 245, 0.4);
 }
 
 .overlay {
   background-color: rgba(0,0,0,.7) !important;