Changeset 209089 in webkit

Timestamp:

Nov 29, 2016 1:49:51 PM (7 years ago)

Author:

Matt Baker

Message:

Web Inspector: Breakpoints button enabled state is too subtle
​https://bugs.webkit.org/show_bug.cgi?id=165153

Reviewed by Joseph Pecoraro.

• UserInterface/Images/Breakpoints.svg:

Change to path so stroke and fill can be styled.

• UserInterface/Views/DebuggerSidebarPanel.css:

(.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints):
(.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints.activated):
Fill and stroke styles for the active and inactive breakpoint button.

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Images/Breakpoints.svg (modified) (1 diff)
• UserInterface/Views/DebuggerSidebarPanel.css (modified) (1 diff)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2016-11-29  Matt Baker  <mattbaker@apple.com>
+
+        Web Inspector: Breakpoints button enabled state is too subtle
+        https://bugs.webkit.org/show_bug.cgi?id=165153
+
+        Reviewed by Joseph Pecoraro.
+
+        * UserInterface/Images/Breakpoints.svg:
+        Change to path so stroke and fill can be styled.
+
+        * UserInterface/Views/DebuggerSidebarPanel.css:
+        (.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints):
+        (.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints.activated):
+        Fill and stroke styles for the active and inactive breakpoint button.
+
 2016-11-28  Matt Baker  <mattbaker@apple.com>
 

trunk/Source/WebInspectorUI/UserInterface/Images/Breakpoints.svg

@@ -2 +2 @@
 <!-- Copyright © 2014 Apple Inc. All rights reserved. -->
 <svg xmlns="http://www.w3.org/2000/svg" id="root" version="1.1" viewBox="0 0 15 15">
-    <path fill="none" stroke="currentColor" d="M 0.5 3.5 L 0.5 11.5 L 10.5 11.5 L 14.5 7.5 L 10.5 3.5 L 0.5 3.5 Z"/>
+    <path d="M 0.5 3.5 L 0.5 11.5 L 10.5 11.5 L 14.5 7.5 L 10.5 3.5 L 0.5 3.5 Z"/>
 </svg>

trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.css

@@ -33 +33 @@
     left: 0;
     right: 0;
+}
+
+.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints {
+    fill: none;
+    stroke: var(--glyph-color);
+}
+.sidebar > .panel.navigation.debugger > .navigation-bar .debugger-breakpoints.activated {
+    fill: var(--glyph-color-active);
+    stroke: var(--glyph-color-active);
 }