DevTools: traverse widget hierarchy to reveal views.

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

Index: third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css b/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
index a268e9217be6545ed2f089ffaaa3f09d186a8e53..7c2ac95a44318d25c489fa06e3fd6b0a29ce63ec 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
+++ b/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
@@ -217,7 +217,7 @@
     z-index: 1;
 }
 
-.styles-section .sidebar-pane-closing-brace {
+.sidebar-pane-closing-brace {
     clear: both;
 }
 
@@ -558,10 +558,6 @@
     -webkit-user-drag: auto;
 }
 
-.sidebar-pane.composite {
-    position: absolute;
-}
-
 .metrics {
     border-bottom: 1px solid #ccc;
 }
@@ -579,7 +575,7 @@
     border-bottom: none;
 }
 
-.sidebar-pane.composite .metrics {
+.metrics {
     min-height: 190px;
     display: flex;
     flex-direction: column;
@@ -587,20 +583,13 @@
     -webkit-justify-content: center;
 }
 
-.sidebar-pane .metrics-and-styles,
-.sidebar-pane .metrics-and-computed {
+.metrics-and-styles,
+.metrics-and-computed {
     display: flex !important;
     flex-direction: column !important;
     position: relative;
 }
 
-.sidebar-pane .style-panes-wrapper {
-    transform: translateZ(0);
-    flex: 1;
-    overflow-y: auto;
-    position: relative;
-}
-
 .styles-sidebar-pane-toolbar-container {
     flex-shrink: 0;
     overflow: hidden;
@@ -628,14 +617,6 @@
     border-bottom: none;
 }
 
-.sidebar-pane > .split-widget {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
 .styles-section.styles-panel-hovered:not(.read-only) .style-properties .webkit-css-property:hover,
 .styles-section.styles-panel-hovered:not(.read-only) .style-properties .value:hover,
 .styles-section.styles-panel-hovered:not(.read-only) span.simple-selector:hover,