DevTools: improve $0 selected element hint in elements

third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

Index: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css b/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
index bff1df95a9e3c2261619dfa3f6c136d0ff84b0da..5a7a8c157ce1b1ccac74efa26b6403d0a97bbade 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
+++ b/third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css
@@ -25,12 +25,21 @@
     margin-left: -13px;
 }
 
-.elements-disclosure li.selected:after {
+.elements-disclosure li .selected-hint {
+    display: inline;
+}
+
+.elements-disclosure li .selected-hint:before {
+    content: "== $0";
     font-style: italic;
-    content: " == $0";
-    color: black;
     opacity: 0.6;
     position: absolute;
+    white-space: nowrap;
+    margin-left: 4px;
+}
+
+.elements-disclosure li:not(.selected) .selected-hint:before {

[lushnikov, 2017/03/24 22:05:11]

you don't need half of these styles; let's make a less invasive solution

[luoe, 2017/03/25 01:38:23]

Extra styles removed.

+    content: "";
 }
 
 .elements-disclosure li.selected.editing-as-html:after {