Changeset 186163 in webkit

Timestamp:

Jun 30, 2015 7:07:37 PM (9 years ago)

Author:

commit-queue@webkit.org

Message:

Web Inspector: add " = $0" hint after selected element in main DOMTreeOutline
​https://bugs.webkit.org/show_bug.cgi?id=145739

Patch by Devin Rousso <Devin Rousso> on 2015-06-30
Reviewed by Timothy Hatcher.

• UserInterface/Views/DOMTreeOutline.css: Adds a semi-opaque " = $0" to the selected element in the DOM tree.

(.dom-tree-outline li.selected > span::after):
(.dom-tree-outline:focus li.selected > span::after):

Location:

trunk/Source/WebInspectorUI

Files:

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

trunk/Source/WebInspectorUI/ChangeLog

@@ +1 @@
+2015-06-30  Devin Rousso  <drousso@apple.com>
+
+        Web Inspector: add " = $0" hint after selected element in main DOMTreeOutline
+        https://bugs.webkit.org/show_bug.cgi?id=145739
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/DOMTreeOutline.css: Adds a semi-opaque " = $0" to the selected element in the DOM tree.
+        (.dom-tree-outline li.selected > span::after):
+        (.dom-tree-outline:focus li.selected > span::after):
+
 2015-06-30  Joseph Pecoraro  <pecoraro@apple.com>
 

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

@@ -71 +71 @@
 .dom-tree-outline:focus li.selected .selection {
     background-color: rgb(0, 128, 252);
+}
+
+.dom-tree-outline li.selected > span::after {
+    content: " = $0";
+    opacity: 0.33;
+}
+
+.dom-tree-outline:focus li.selected > span::after {
+    opacity: 0.9;
 }