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