Revert of DevTools: format keys in object previews using sans serif. (patchset #3 id:40001 of https://codereview.chromium.org/2866363003/ )

Reason for revert:
This change broke webkit_tets on multiple builders. See, for example:

https://uberchromegw.corp.google.com/i/chromium.webkit/builders/WebKit%20Linux%20Trusty/builds/26454

Original issue's description:
> DevTools: format keys in object previews using sans serif.
>
> NOTRY=try
>
> Review-Url: https://codereview.chromium.org/2866363003
> Cr-Commit-Position: refs/heads/master@{#471578}
> Committed: https://chromium.googlesource.com/chromium/src/+/14981e159fc950c0a628869e85c166c6c09809ca

[email protected],[email protected]
# Skipping CQ checks because original CL landed less than 1 days ago.
NOPRESUBMIT=true
NOTREECHECKS=true
NOTRY=true

Review-Url: https://codereview.chromium.org/2878243002
Cr-Commit-Position: refs/heads/master@{#471584}

Author: justindonnelly

front_end/object_ui/ObjectPropertiesSection.js

@@ -152,16 +152,16 @@ ObjectUI.ObjectPropertiesSection = class extends UI.TreeOutlineInShadow {
       addElements('class', textAfterPrefix, className);
     } else if (isAsync) {
       textAfterPrefix = text.substring('async function'.length);
-      addElements('async \u0192', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('async function', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isGenerator) {
       textAfterPrefix = text.substring('function*'.length);
-      addElements('\u0192*', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('function*', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isGeneratorShorthand) {
       textAfterPrefix = text.substring('*'.length);
-      addElements('\u0192*', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('function*', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isBasic) {
       textAfterPrefix = text.substring('function'.length);
-      addElements('\u0192', textAfterPrefix, nameAndArguments(textAfterPrefix));
+      addElements('function', textAfterPrefix, nameAndArguments(textAfterPrefix));
     } else if (isArrow) {
       const maxArrowFunctionCharacterLength = 60;
       var abbreviation = text;
@@ -171,7 +171,7 @@ ObjectUI.ObjectPropertiesSection = class extends UI.TreeOutlineInShadow {
         abbreviation = text.substring(0, firstArrowIndex + 2) + ' {\u2026}';
       addElements('', text, abbreviation);
     } else {
-      addElements('\u0192', text, nameAndArguments(text));
+      addElements('function', text, nameAndArguments(text));
     }
     valueElement.title = description || '';
     return valueElement;
@@ -738,10 +738,7 @@ ObjectUI.ObjectPropertyTreeElement = class extends UI.TreeElement {
       return null;
 
     var valueElement = createElementWithClass('span', 'value');
-    if (value.description === 'Object')
-      valueElement.textContent = '';
-    else
-      valueElement.setTextContentTruncatedIfNeeded(value.description || '');
+    valueElement.setTextContentTruncatedIfNeeded(value.description || '');
     valueElement.classList.add('object-value-' + (value.subtype || value.type));
     valueElement.title = value.description || '';
     return valueElement;

front_end/object_ui/RemoteObjectPreviewFormatter.js

@@ -46,17 +46,16 @@ ObjectUI.RemoteObjectPreviewFormatter = class {
         parentElement.createChild('span', 'object-description').textContent = text + ' ';
     }
 
-    var propertiesElement = parentElement.createChild('span', 'object-properties-preview source-code');
-    propertiesElement.createTextChild(isArrayOrTypedArray ? '[' : '{');
+    parentElement.createTextChild(isArrayOrTypedArray ? '[' : '{');
     if (preview.entries)
-      this._appendEntriesPreview(propertiesElement, preview);
+      this._appendEntriesPreview(parentElement, preview);
     else if (isArrayOrTypedArray)
-      this._appendArrayPropertiesPreview(propertiesElement, preview);
+      this._appendArrayPropertiesPreview(parentElement, preview);
     else
-      this._appendObjectPropertiesPreview(propertiesElement, preview);
+      this._appendObjectPropertiesPreview(parentElement, preview);
     if (preview.overflow)
-      propertiesElement.createChild('span').textContent = '\u2026';
-    propertiesElement.createTextChild(isArrayOrTypedArray ? ']' : '}');
+      parentElement.createChild('span').textContent = '\u2026';
+    parentElement.createTextChild(isArrayOrTypedArray ? ']' : '}');
   }
 
   /**
@@ -223,7 +222,7 @@ ObjectUI.RemoteObjectPreviewFormatter = class {
     }
 
     if (type === 'function') {
-      span.textContent = '\u0192';
+      span.textContent = 'function';
       return span;
     }
 
@@ -238,10 +237,7 @@ ObjectUI.RemoteObjectPreviewFormatter = class {
     }
 
     if (type === 'object' && !subtype) {
-      var preview = this._abbreviateFullQualifiedClassName(description);
-      if (preview === 'Object')
-        preview = '{\u2026}';
-      span.textContent = preview;
+      span.textContent = this._abbreviateFullQualifiedClassName(description);
       span.title = description;
       return span;
     }

front_end/object_ui/objectPropertiesSection.css

@@ -4,6 +4,11 @@
  * found in the LICENSE file.
  */
 
+.object-properties-section .name {
+    color: rgb(136, 19, 145);
+    flex-shrink: 0;
+}
+
 .object-properties-section-separator {
     flex-shrink: 0;
     padding-right: 5px;

front_end/object_ui/objectValue.css

@@ -25,7 +25,7 @@
 
 .object-value-function-prefix,
 .object-value-boolean {
-    color: rgb(13, 34, 170);
+    color: rgb(170, 13, 145);
 }
 
 .object-value-function {
@@ -102,16 +102,3 @@
 .object-properties-section .object-description {
     color: gray;
 }
-
-.object-properties-preview {
-    white-space: nowrap;
-}
-
-.name {
-    color: rgb(136, 19, 145);
-    flex-shrink: 0;
-}
-
-.object-properties-preview .name {
-    color: #565656;
-}