Bug 596412 - Make close buttons easier to see on tabs w/ dark colored thumbnails. r=ian a=sdwilsh

This commit is contained in:
Stephen Horlander 2011-02-09 17:43:54 -08:00
parent 4305d1c2ab
commit 5d4c04cf05
3 changed files with 11 additions and 6 deletions

View File

@ -93,6 +93,7 @@ browser.jar:
skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png)
skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png)
skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
skin/classic/browser/tabview/close.png (tabview/close.png)
skin/classic/browser/tabview/edit-light.png (tabview/edit-light.png)
skin/classic/browser/tabview/grain.png (tabview/grain.png)
skin/classic/browser/tabview/new-tab.png (tabview/new-tab.png)
@ -207,6 +208,7 @@ browser.jar:
skin/classic/aero/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png)
skin/classic/aero/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png)
skin/classic/aero/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png)
skin/classic/aero/browser/tabview/close.png (tabview/close.png)
skin/classic/aero/browser/tabview/edit-light.png (tabview/edit-light.png)
skin/classic/aero/browser/tabview/grain.png (tabview/grain.png)
skin/classic/aero/browser/tabview/new-tab.png (tabview/new-tab.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -87,11 +87,15 @@ html[dir=rtl] .favicon {
right: 6px;
width: 16px;
height: 16px;
background: url(chrome://global/skin/icons/Close.gif) no-repeat;
-moz-transition-property: opacity;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease-out;
opacity: 0.2;
background-image: -moz-image-rect(url("chrome://browser/skin/tabview/close.png"), 0, 16, 16, 0);
}
.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);
}
html[dir=rtl] .close {
@ -117,7 +121,6 @@ html[dir=rtl] .expander {
-moz-transform: scaleX(-1);
}
.close:hover,
.expander:hover,
.appTabIcon:hover {
-moz-transition-property: opacity;