Devtools: Margin resizer in overlay experiment

Source/devtools/front_end/sdk/CSSStyleModel.js

 /*
  * Copyright (C) 2010 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 599 matching lines @@
     {
         if (WebInspector.targetManager.allTargetsSuspended()) {
             this._agent.disable();
             this._isEnabled = false;
         } else {
             this._resetStyleSheets();
             this._agent.enable(this._wasEnabled.bind(this));
         }
     },
 
+    _cssPropertyEdited: function(nodeId, newValue)
+    {
+        console.log("cssProp " + newValue + "  " + nodeId);
+        var node = this._domModel.nodeForId(nodeId);
+        if (node)
+            node.setAttributeValue("style", "margin-left: " + newValue + "px");
+    },
+
     __proto__: WebInspector.SDKModel.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.SDKObject}
  * @param {!WebInspector.CSSStyleModel} cssModel
  * @param {!CSSAgent.StyleSheetId} styleSheetId
  * @param {string} url
  * @param {number} lineNumber
@@ skipping 1149 matching lines @@
     },
 
     /**
      * @override
      * @param {!CSSAgent.StyleSheetId} id
      */
     styleSheetRemoved: function(id)
     {
         this._cssModel._styleSheetRemoved(id);
     },
+
+    cssPropertyEdited: function(nodeId, newValue)
+    {
+        this._cssModel._cssPropertyEdited(nodeId, newValue);
+    },
 }
 
 /**
  * @constructor
  * @param {!WebInspector.CSSStyleModel} cssModel
  */
 WebInspector.CSSStyleModel.ComputedStyleLoader = function(cssModel)
 {
     this._cssModel = cssModel;
     /** @type {!Object.<*, !Array.<function(?WebInspector.CSSStyleDeclaration)>>} */
@@ skipping 50 matching lines @@
 }
 
 /**
  * @param {!WebInspector.DOMNode} node
  * @return {!WebInspector.CSSStyleModel}
  */
 WebInspector.CSSStyleModel.fromNode = function(node)
 {
     return /** @type {!WebInspector.CSSStyleModel} */ (WebInspector.CSSStyleModel.fromTarget(node.target()));
 }