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 156 matching lines @@
     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 22 matching lines @@
 .editing,
 .editing * {
     color: #222 !important;
     text-decoration: none !important;
 }
 
 .editing br {
     display: none;
 }
 
+.multiline-editor {
+    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;

[lushnikov, 2016/09/27 18:28:41]

nit: space

[einbinder, 2016/09/29 17:36:51]

Done.

+}
+
 .elements-gutter-decoration {
     position: absolute;
     left: 2px;
     margin-top: 2px;
     height: 9px;
     width: 9px;
     border-radius: 5px;
     border: 1px solid orange;
     background-color: orange;
     cursor: pointer;
@@ skipping 132 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;
 }