DevTools: computed properties should copy-paste with delimeters

third_party/WebKit/Source/devtools/front_end/elements/ComputedStyleWidget.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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 141 matching lines @@
                 continue;
 
             var propertyElement = createElement("div");
             propertyElement.classList.add("computed-style-property");
             propertyElement.classList.toggle("computed-style-property-inherited", inherited);
             var renderer = new WebInspector.StylesSidebarPropertyRenderer(null, nodeStyle.node, propertyName, /** @type {string} */(propertyValue));
             renderer.setColorHandler(this._processColor.bind(this));
             var propertyNameElement = renderer.renderName();
             propertyNameElement.classList.add("property-name");
             propertyElement.appendChild(propertyNameElement);
+
+            var colon = createElementWithClass("span", "delimeter");
+            colon.textContent = ":";
+            propertyNameElement.appendChild(colon);
+
             var propertyValueElement = renderer.renderValue();
             propertyValueElement.classList.add("property-value");
             propertyElement.appendChild(propertyValueElement);
 
+            var semicolon = createElementWithClass("span", "delimeter");
+            semicolon.textContent = ";";
+            propertyValueElement.appendChild(semicolon);
+
             var treeElement = new TreeElement();
             treeElement.selectable = false;
             treeElement.title = propertyElement;
             treeElement[WebInspector.ComputedStyleWidget._propertySymbol] = {
                 name: propertyName,
                 value: propertyValue
             };
             var isOdd = this._propertiesOutline.rootElement().children().length % 2 === 0;
             treeElement.listItemElement.classList.toggle("odd-row", isOdd);
             this._propertiesOutline.appendChild(treeElement);
@@ skipping 119 matching lines @@
         var children = this._propertiesOutline.rootElement().children();
         for (var child of children) {
             var property = child[WebInspector.ComputedStyleWidget._propertySymbol];
             var matched = !regex || regex.test(property.name) || regex.test(property.value);
             child.hidden = !matched;
         }
     },
 
     __proto__: WebInspector.ThrottledWidget.prototype
 }