Web Inspector: Toolbar "Inspect Node" button not highlighting when active
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 5 Nov 2015 19:27:37 +0000 (19:27 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 5 Nov 2015 19:27:37 +0000 (19:27 +0000)
https://bugs.webkit.org/show_bug.cgi?id=150938

Patch by Joseph Pecoraro <pecoraro@apple.com> on 2015-11-05
Reviewed by Timothy Hatcher.

* UserInterface/Views/ButtonToolbarItem.css:
(.toolbar .item.button:not(.disabled):matches(:focus, .activate.activated) > .glyph):
(.toolbar .item.button:not(.disabled):active:matches(:focus, .activate.activated) > .glyph):
Copy the navigation-bar button activated styles to toolbar.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@192063 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css

index caadcd43f2fb957695ff0062983c7bfea324d634..668719a68a8ad38dba0b2fdc946b0642f272c7e2 100644 (file)
@@ -1,3 +1,15 @@
+2015-11-05  Joseph Pecoraro  <pecoraro@apple.com>
+
+        Web Inspector: Toolbar "Inspect Node" button not highlighting when active
+        https://bugs.webkit.org/show_bug.cgi?id=150938
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ButtonToolbarItem.css:
+        (.toolbar .item.button:not(.disabled):matches(:focus, .activate.activated) > .glyph):
+        (.toolbar .item.button:not(.disabled):active:matches(:focus, .activate.activated) > .glyph):
+        Copy the navigation-bar button activated styles to toolbar.
+
 2015-11-04  Matt Baker  <mattbaker@apple.com>
 
         Web Inspector: Load markers persist in timeline ruler after resetting recording
index b5b992a4c8448250cf3de24f82215fe6ac283b94..ef1469dbafa5c06a9fb6d742c1a6a7e4a9eee0bc 100644 (file)
     color: hsl(0, 0%, 30%);
 }
 
+.toolbar .item.button:not(.disabled):matches(:focus, .activate.activated) > .glyph {
+    color: hsl(212, 92%, 54%);
+}
+
+.toolbar .item.button:not(.disabled):active:matches(:focus, .activate.activated) > .glyph {
+    color: hsl(218, 85%, 52%);
+}
+
 .toolbar.small-size .item.button > .glyph {
     width: 16px;
     height: 16px;