DevTools: Replace multiline InplaceEditor with CodeMirrorTextEditor

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

 /*
  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 .elements-disclosure {
     width: 100%;
     display: inline-block;
     line-height: normal;
@@ skipping 141 matching lines @@
 
 .elements-tree-outline ol.shadow-root-depth-1 {
     background-color: rgba(0, 0, 0, 0.01);
 }
 
 .elements-tree-outline ol.shadow-root-deep {
     background-color: transparent;
 }
 
 .elements-tree-editor {
-    -webkit-user-select: text;
-    -webkit-user-modify: read-write-plaintext-only;
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
+                0 2px 4px rgba(0, 0, 0, 0.2),
+                0 2px 6px rgba(0, 0, 0, 0.1);
+    margin-right: 4px;
 }
 
 .elements-disclosure li.elements-drag-over .selection {
     display: block;
     margin-top: -2px;
     border-top: 2px solid rgb(56, 121, 217);
 }
 
 .elements-disclosure li.in-clipboard .highlight {
     outline: 1px dotted darkgrey;
 }
 
 .CodeMirror {
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2),
-                0 2px 4px rgba(0, 0, 0, 0.2),
-                0 2px 6px rgba(0, 0, 0, 0.1);
     background-color: white;
+    height: 300px;
 }
 
 .CodeMirror-lines {
     padding: 0;
 }
 
 .CodeMirror pre {
     padding: 0;
 }
 
@@ skipping 174 matching lines @@
     border-color: hsla(0,0%,0%,0.1);
 }
 
 .elements-tree-outline ol.shadow-root {
     border-color: hsla(0,0%,80%,1);
 }
 
 li.selected:not(.always-parent) + ol.children {
     border-color: hsla(216,68%,80%,1) !important;
 }