Devtools: [ElementsPanel] Add dom listeners in sidebars

Source/devtools/front_end/elements/StylesSidebarPane.js

Index: Source/devtools/front_end/elements/StylesSidebarPane.js
diff --git a/Source/devtools/front_end/elements/StylesSidebarPane.js b/Source/devtools/front_end/elements/StylesSidebarPane.js
index 62b389cfa6d8e24c75330de624b5ad1f1597cee3..ab0bf434ef9369c1acc6e648864ee681dee51bdf 100644
--- a/Source/devtools/front_end/elements/StylesSidebarPane.js
+++ b/Source/devtools/front_end/elements/StylesSidebarPane.js
@@ -520,32 +520,19 @@ WebInspector.StylesSidebarPane.prototype = {
 
     /**
      * @override
-     * @param {!WebInspector.DOMNode} changedNode
      */
-    onDOMNodeChanged: function(changedNode)
+    onDOMModelChanged: function()
     {
         // Any attribute removal or modification can affect the styles of "related" nodes.
         // Do not touch the styles if they are being edited.
         if (this._isEditingStyle || this._userOperation)
             return;
 
-        if (!this._canAffectCurrentStyles(changedNode))
-            return;
-
         this._resetCache();
         this.update();
     },
 
     /**
-     * @param {?WebInspector.DOMNode} node
-     */
-    _canAffectCurrentStyles: function(node)
-    {
-        var currentNode = this.node();
-        return currentNode && (currentNode === node || node.parentNode === currentNode.parentNode || node.isAncestor(currentNode));
-    },
-
-    /**
      * @param {?{matched: !WebInspector.SectionCascade, pseudo: !Map.<number, !WebInspector.SectionCascade>}} cascades
      */
     _innerRebuildUpdate: function(cascades)