DevTools: migrate ScopeChainSidebarPane to shadow

third_party/WebKit/Source/devtools/front_end/sources/sourcesPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 151 matching lines @@
 
 .watch-expression-header:hover {
     background-color: #F0F0F0;
     padding-right: 14px;
 }
 
 .sidebar-pane-stack .watch-expressions {
     margin-top: 0px;
 }
 
-.scope-chain-sidebar-pane-section-header {
-    flex: auto;
-}
-
-.scope-chain-sidebar-pane-section-subtitle {

[einbinder, 2017/05/25 00:13:00]

This code was pasted twice? That's silly.

[luoe, 2017/05/27 03:01:32]

Acknowledged.

-    float: right;
-    margin-left: 5px;
-    max-width: 55%;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.scope-chain-sidebar-pane-section-title {
-    font-weight: normal;
-    word-wrap: break-word;
-    white-space: normal;
-}
-
-.scope-chain-sidebar-pane-section-subtitle {
-    float: right;
-    margin-left: 5px;
-    max-width: 55%;
-    text-overflow: ellipsis;
-    overflow: hidden;
-}
-
-.scope-chain-sidebar-pane-section-title {
-    font-weight: normal;
-    word-wrap: break-word;
-    white-space: normal;
-}
-
-.scope-chain-sidebar-pane-section {
-    padding: 2px 4px 2px 4px;
-    flex: none;
-}
-
 .event-listeners-sidebar-pane .toolbar {
     border-bottom: 1px solid #eee;
 }