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 75372 c762e01dd6dc27a90357a9d6388967d9412c2522
parent 75371 1608aa3ce9d38ee758d4ac843e125fcdc14b804d
child 75373 6137de4b8036d0602f9dee98d889bb42c163b15d
push id2
push userbsmedberg@mozilla.com
push dateFri, 19 Aug 2011 14:38:13 +0000
reviewerstim
bugs591699
milestone8.0a1
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;