Changeset 238671 in webkit

Timestamp:

Nov 29, 2018, 9:50:21 AM (8 years ago)

Author:

Matt Baker

Message:

Web Inspector: Elements: selecting more than one DOM node causes the scope highlight to contrast
​https://bugs.webkit.org/show_bug.cgi?id=192118
<rdar://problem/46325664>

Reviewed by Devin Rousso.

Use an alpha blended border for the "selected" DOM scope highlight,
matching the "hovered" scope highlight.

• UserInterface/Views/DOMTreeOutline.css:

(.tree-outline.dom li.selected + ol.children.expanded):

Location:

trunk/Source/WebInspectorUI

Files:

• ChangeLog (modified) (1 diff)
• UserInterface/Views/DOMTreeOutline.css (modified) (2 diffs)

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2018-11-29  Matt Baker  <mattbaker@apple.com>
+
+        Web Inspector: Elements: selecting more than one DOM node causes the scope highlight to contrast
+        https://bugs.webkit.org/show_bug.cgi?id=192118
+        <rdar://problem/46325664>
+
+        Reviewed by Devin Rousso.
+
+        Use an alpha blended border for the "selected" DOM scope highlight,
+        matching the "hovered" scope highlight.
+
+        * UserInterface/Views/DOMTreeOutline.css:
+        (.tree-outline.dom li.selected + ol.children.expanded):
+
 2018-11-28  Joseph Pecoraro  <pecoraro@apple.com>
 

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

@@ -128 +128 @@
 
 .tree-outline.dom li.selected + ol.children.expanded {
-    border-color: hsl(0, 0%, 83%);
+    border-color: hsl(0, 0%, 65%, 0.5);
 }
 
@@ -326 +326 @@
     }
 
-    .tree-outline.dom li.selected + ol.children.expanded {
-        border-color: hsl(0, 0%, 27%);
-    }
-
     .tree-outline.dom .shadow {
         color: var(--text-color);