Bug 775987 - Buttons in the Developer Tools should have a hover state. r=dao
authorGirish Sharma <scrapmachines@gmail.com>
Mon, 24 Sep 2012 22:38:11 +0530
changeset 108073 97b007a4a58766b6c2370260743e525986d00913
parent 108072 c1984535f05923ccc411d15bb232313c2b478a03
child 108074 8381cb18f0f6bd3e0ac550515d215921b60dcdd1
push id82
push usershu@rfrn.org
push dateFri, 05 Oct 2012 13:20:22 +0000
reviewersdao
bugs775987
milestone18.0a1
Bug 775987 - Buttons in the Developer Tools should have a hover state. r=dao
browser/themes/gnomestripe/browser.css
browser/themes/winstripe/browser.css
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -2558,20 +2558,25 @@ html|*#gcli-output-frame {
 .developer-toolbar-button[open=true],
 .developer-toolbar-button:active:hover,
 .developer-toolbar-button[checked=true] {
   border-color: hsla(210,8%,5%,.6);
   background: rgba(0,0,0,.6);
   box-shadow: 0 1px 2px rgba(0,0,0,.5) inset, 0 1px 0 hsla(210,16%,76%,.15);
 }
 
-.developer-toolbar-button[checked=true] {
+.developer-toolbar-button:hover,
+.developer-toolbar-button[checked=true],
+.developer-toolbar-button[open=true] {
   color: hsl(208,100%,60%) !important;
+  text-shadow: 0 0 6px hsl(208,100%,60%);
+}
+
+.developer-toolbar-button[checked=true] {
   background: rgba(0,0,0,.4);
-  text-shadow: 0 0 6px hsl(208,100%,60%);
 }
 
 #developer-toolbar-webconsole {
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
 #developer-toolbar-inspector {
   -moz-image-region: rect(16px, 16px, 32px, 0);
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -3235,20 +3235,25 @@ html|*#gcli-output-frame {
 .developer-toolbar-button[open=true],
 .developer-toolbar-button:active:hover,
 .developer-toolbar-button[checked=true] {
   border-color: hsla(210,8%,5%,.6);
   background: rgba(0,0,0,.6);
   box-shadow: 0 1px 2px rgba(0,0,0,.5) inset, 0 1px 0 hsla(210,16%,76%,.1);
 }
 
-.developer-toolbar-button[checked=true] {
+.developer-toolbar-button:hover,
+.developer-toolbar-button[checked=true],
+.developer-toolbar-button[open=true] {
   color: hsl(208,100%,60%) !important;
+  text-shadow: 0 0 6px hsl(208,100%,60%);
+}
+
+.developer-toolbar-button[checked=true] {
   background: rgba(0,0,0,.4);
-  text-shadow: 0 0 6px hsl(208,100%,60%);
 }
 
 #developer-toolbar-webconsole {
   -moz-image-region: rect(0, 16px, 16px, 0);
 }
 
 #developer-toolbar-inspector {
   -moz-image-region: rect(16px, 16px, 32px, 0);