DevTools: migrate SSP Classes and ElementState toolbar widgets to shadow

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

Index: third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js b/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
index 61d3b8ca1e526c4f324ba9f3fad492902ebd21ce..a4c3edfef3e9a282fc3b5149d11d5ebb90ba179f 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
+++ b/third_party/WebKit/Source/devtools/front_end/elements/ElementStatePaneWidget.js
@@ -6,9 +6,10 @@
  */
 Elements.ElementStatePaneWidget = class extends UI.Widget {
   constructor() {
-    super();
-    this.element.className = 'styles-element-state-pane';
-    this.element.createChild('div').createTextChild(Common.UIString('Force element state'));
+    super(true);
+    this.registerRequiredCSS('elements/elementStatePaneWidget.css');
+    this.contentElement.className = 'styles-element-state-pane';
+    this.contentElement.createChild('div').createTextChild(Common.UIString('Force element state'));
     var table = createElementWithClass('table', 'source-code');
 
     var inputs = [];
@@ -47,7 +48,7 @@ Elements.ElementStatePaneWidget = class extends UI.Widget {
     tr.appendChild(createCheckbox.call(null, 'focus'));
     tr.appendChild(createCheckbox.call(null, 'visited'));
 
-    this.element.appendChild(table);
+    this.contentElement.appendChild(table);
     UI.context.addFlavorChangeListener(SDK.DOMNode, this._update, this);
   }