[DevTools] Remove HelpScreen, turn SettingsScreen into dialog and web component.

third_party/WebKit/Source/devtools/front_end/settings/FrameworkBlackboxSettingsTab.js

 /*
  * Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /**
  * @constructor
  * @extends {WebInspector.SettingsTab}
  */
 WebInspector.FrameworkBlackboxSettingsTab = function()
 {
     WebInspector.SettingsTab.call(this, WebInspector.UIString("Framework Blackbox Patterns"));
     this.containerElement.classList.add("blackbox-dialog", "dialog-contents", "settings-dialog", "settings-tab");
+    this.registerRequiredCSS("settings/settingsScreen.css");
 
     var contents = this.containerElement.createChild("div", "contents");
 
     var contentScriptsSection = contents.createChild("div", "blackbox-content-scripts");
     contentScriptsSection.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Blackbox content scripts"), WebInspector.moduleSetting("skipContentScripts"), true));
 
     var blockHeader = contents.createChild("div", "columns-header");
     blockHeader.createChild("span").textContent = WebInspector.UIString("URI pattern");
     blockHeader.createChild("span").textContent = WebInspector.UIString("Behavior");
 
@@ skipping 126 matching lines @@
     {
         if (!pattern || this._entries.has(pattern))
             return;
         this._entries.set(pattern, disabled ? this._disabledLabel : this._blackboxLabel);
         var listItem = this._patternsList.addItem(pattern, null);
         listItem.classList.toggle("disabled", disabled);
     },
 
     __proto__: WebInspector.SettingsTab.prototype
 }