Web Inspector: Elements: selection shouldn't be dimmed by shadow trees
https://bugs.webkit.org/show_bug.cgi?id=203057
Reviewed by Joseph Pecoraro.
* UserInterface/Views/DOMTreeOutline.css:
(.tree-outline.dom li .selection-area):
(.tree-outline.dom li > span): Added.
Don't force the `.selection-area` to be behind (`z-index: -1;`) the rest of the content, as
that also puts it behind any `background-color`. Instead, we should make all the content in
every `WI.DOMTreeElement` be above (`z-index: 1;`) the rest of the content, including the
`.selection-area` and any parent's `background-color`.
git-svn-id: http://svn.webkit.org/repository/webkit/trunk@251254 268f45cc-cd09-0410-ab3c-d52691b4dbfc
diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index 2f42a3f..a621c35 100644
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,5 +1,20 @@
2019-10-17 Devin Rousso <drousso@apple.com>
+ Web Inspector: Elements: selection shouldn't be dimmed by shadow trees
+ https://bugs.webkit.org/show_bug.cgi?id=203057
+
+ Reviewed by Joseph Pecoraro.
+
+ * UserInterface/Views/DOMTreeOutline.css:
+ (.tree-outline.dom li .selection-area):
+ (.tree-outline.dom li > span): Added.
+ Don't force the `.selection-area` to be behind (`z-index: -1;`) the rest of the content, as
+ that also puts it behind any `background-color`. Instead, we should make all the content in
+ every `WI.DOMTreeElement` be above (`z-index: 1;`) the rest of the content, including the
+ `.selection-area` and any parent's `background-color`.
+
+2019-10-17 Devin Rousso <drousso@apple.com>
+
Web Inspector: Network: updates when toggling resource caching should be sent to every connected target
https://bugs.webkit.org/show_bug.cgi?id=203025
diff --git a/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css b/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css
index b530b9b..7861383 100644
--- a/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css
+++ b/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css
@@ -50,7 +50,6 @@
left: 0;
right: 0;
height: 15px;
- z-index: -1;
}
.tree-outline.dom li.selected .selection-area {
@@ -70,6 +69,11 @@
opacity: 0.3;
}
+.tree-outline.dom li > span {
+ position: relative;
+ z-index: 1;
+}
+
.tree-outline.dom.show-last-selected li.last-selected > span::after {
content: " = " var(--console-saved-result-prefix) "0";
color: var(--console-secondary-text-color);
