DevTools: traverse widget hierarchy to reveal views.

third_party/WebKit/Source/devtools/front_end/ui/viewContainers.css

Index: third_party/WebKit/Source/devtools/front_end/ui/viewContainers.css
diff --git a/third_party/WebKit/Source/devtools/front_end/ui/sidebarPane.css b/third_party/WebKit/Source/devtools/front_end/ui/viewContainers.css
similarity index 87%
rename from third_party/WebKit/Source/devtools/front_end/ui/sidebarPane.css
rename to third_party/WebKit/Source/devtools/front_end/ui/viewContainers.css
index 5a56671483f0180f94617ee5f713be81a5b66bc3..2ce52a00f41c53fe718016920430167e3bd61445 100644
--- a/third_party/WebKit/Source/devtools/front_end/ui/sidebarPane.css
+++ b/third_party/WebKit/Source/devtools/front_end/ui/viewContainers.css
@@ -27,18 +27,11 @@
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
-.sidebar-pane-container .info {
-    text-align: center;
-    font-style: italic;
-    padding: 6px;
-    color: #888;
-}
-
 .sidebar-hidden-override {
     display: none !important;
 }
 
-.sidebar-pane-title {
+.expandable-view-title {
     display: flex;
     align-items: center;
     background-color: #eee;
@@ -50,12 +43,12 @@
     position: relative;
 }
 
-.sidebar-pane-title.expanded,
-.sidebar-pane-title:last-child {
+.expandable-view-title.expanded,
+.expandable-view-title:last-child {
     border-bottom: 1px solid #ddd;
 }
 
-.sidebar-pane-title::before {
+.expandable-view-title::before {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
     -webkit-mask-size: 352px 168px;
     background-color: #888;
@@ -69,25 +62,29 @@
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
-.sidebar-pane-title::before {
+.expandable-view-title::before {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */
 
-.sidebar-pane-title::before {
+.expandable-view-title::before {
     -webkit-mask-position: -4px -96px;
 }
 
-.sidebar-pane-title.expanded::before {
+.expandable-view-title.expanded::before {
     -webkit-mask-position: -20px -96px;
 }
 
-.sidebar-pane-container .toolbar > * {
-    pointer-events: auto;
-}
-
-.sidebar-pane-title > .toolbar {
+.expandable-view-title > .toolbar {
     position: absolute;
     right: 0;
     top: -3px;
 }
+
+.sidebar-pane-container .toolbar {
+    border-bottom: 1px solid #eee;
+}
+
+.sidebar-pane-container .toolbar > * {
+    pointer-events: auto;
+}