Title: [238671] trunk/Source/WebInspectorUI
Revision
238671
Author
[email protected]
Date
2018-11-29 09:50:21 -0800 (Thu, 29 Nov 2018)

Log 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):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (238670 => 238671)


--- trunk/Source/WebInspectorUI/ChangeLog	2018-11-29 16:41:23 UTC (rev 238670)
+++ trunk/Source/WebInspectorUI/ChangeLog	2018-11-29 17:50:21 UTC (rev 238671)
@@ -1,3 +1,17 @@
+2018-11-29  Matt Baker  <[email protected]>
+
+        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  <[email protected]>
 
         Web Inspector: REGRESSION(?): all "Show *" develop menu items cause the page to crash

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css (238670 => 238671)


--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css	2018-11-29 16:41:23 UTC (rev 238670)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css	2018-11-29 17:50:21 UTC (rev 238671)
@@ -127,7 +127,7 @@
 }
 
 .tree-outline.dom li.selected + ol.children.expanded {
-    border-color: hsl(0, 0%, 83%);
+    border-color: hsl(0, 0%, 65%, 0.5);
 }
 
 .tree-outline.dom li {
@@ -325,10 +325,6 @@
         background-color: var(--selected-background-color);
     }
 
-    .tree-outline.dom li.selected + ol.children.expanded {
-        border-color: hsl(0, 0%, 27%);
-    }
-
     .tree-outline.dom .shadow {
         color: var(--text-color);
     }
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to