DevTools: Styling for blackbox regex UI dialog.

Make disabled regex text lines line-through styled.

BUG=267592
R=vsevik

Review URL: https://codereview.chromium.org/423153002

git-svn-id: svn://svn.chromium.org/blink/trunk@179164 bbb929c8-8fbe-4397-9dbb-9b2b20218538

third_party/WebKit/Source/devtools/front_end/helpScreen.css

@@ -638,6 +638,11 @@ select.list-column-editor {
     width: 100%;
 }
 
+.settings-tab .settings-list .settings-list-item.disabled .settings-list-column-pattern .list-column-text {
+    color: #666;
+    text-decoration: line-through;
+}
+
 .settings-dialog {
     border-radius: 3px;
     box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);

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

@@ -163,6 +163,7 @@ WebInspector.FrameworkBlackboxDialog.prototype = {
 
         if (oldPattern && oldPattern === newPattern) {
             this._entries.put(newPattern, disabled ? this._disabledLabel : this._blackboxLabel)
+            this._patternsList.itemForId(oldPattern).classList.toggle("disabled", disabled);
             this._patternsList.refreshItem(newPattern);
             return;
         }
@@ -203,7 +204,8 @@ WebInspector.FrameworkBlackboxDialog.prototype = {
         if (!pattern || this._entries.contains(pattern))
             return;
         this._entries.put(pattern, disabled ? this._disabledLabel : this._blackboxLabel);
-        this._patternsList.addItem(pattern, null);
+        var listItem = this._patternsList.addItem(pattern, null);
+        listItem.classList.toggle("disabled", disabled);
         this._resize();
     },