Web Inspector: Inline use once class names and remove some unused class names
authorcommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 23 May 2015 06:27:24 +0000 (06:27 +0000)
committercommit-queue@webkit.org <commit-queue@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 23 May 2015 06:27:24 +0000 (06:27 +0000)
https://bugs.webkit.org/show_bug.cgi?id=145334

Patch by Joseph Pecoraro <pecoraro@apple.com> on 2015-05-22
Reviewed by Timothy Hatcher.

* UserInterface/Views/ApplicationCacheFrameContentView.js:
(WebInspector.ApplicationCacheFrameContentView):
* UserInterface/Views/BoxModelDetailsSectionRow.js:
(WebInspector.BoxModelDetailsSectionRow):
* UserInterface/Views/CSSStyleDeclarationSection.js:
(WebInspector.CSSStyleDeclarationSection):
* UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
(WebInspector.CSSStyleDetailsSidebarPanel):
* UserInterface/Views/ClusterContentView.js:
(WebInspector.ClusterContentView):
* UserInterface/Views/CompletionSuggestionsView.js:
(WebInspector.CompletionSuggestionsView):
* UserInterface/Views/ConsolePrompt.js:
(WebInspector.ConsolePrompt):
* UserInterface/Views/ContentBrowser.js:
(WebInspector.ContentBrowser):
* UserInterface/Views/ContentFlowTreeElement.js:
(WebInspector.ContentFlowTreeElement):
* UserInterface/Views/ContentView.js:
(WebInspector.ContentView):
* UserInterface/Views/ContentViewContainer.js:
(WebInspector.ContentViewContainer):
* UserInterface/Views/CookieStorageContentView.js:
(WebInspector.CookieStorageContentView):
* UserInterface/Views/CookieStorageTreeElement.js:
(WebInspector.CookieStorageTreeElement):
* UserInterface/Views/DOMStorageContentView.js:
(WebInspector.DOMStorageContentView):
* UserInterface/Views/DOMTreeContentView.js:
(WebInspector.DOMTreeContentView):
* UserInterface/Views/DashboardView.js:
(WebInspector.DashboardView):
* UserInterface/Views/DatabaseTableContentView.js:
(WebInspector.DatabaseTableContentView):
* UserInterface/Views/DebuggerDashboardView.js:
(WebInspector.DebuggerDashboardView):
(WebInspector.DebuggerDashboardView.prototype._rebuildLocation):
* UserInterface/Views/DetailsSection.js:
(WebInspector.DetailsSection):
* UserInterface/Views/DetailsSectionSimpleRow.js:
* UserInterface/Views/FontResourceContentView.js:
(WebInspector.FontResourceContentView):
(WebInspector.FontResourceContentView.prototype.createMetricElement):
(WebInspector.FontResourceContentView.prototype.contentAvailable):
* UserInterface/Views/HierarchicalPathComponent.js:
(WebInspector.HierarchicalPathComponent):
(WebInspector.HierarchicalPathComponent.prototype.set selectorArrows):
* UserInterface/Views/IndexedDatabaseObjectStoreContentView.js:
* UserInterface/Views/LayoutTimelineOverviewGraph.js:
(WebInspector.LayoutTimelineOverviewGraph):
* UserInterface/Views/NetworkTimelineOverviewGraph.js:
(WebInspector.NetworkTimelineOverviewGraph):
* UserInterface/Views/OverviewTimelineView.js:
* UserInterface/Views/ProbeSetDetailsSection.js:
* UserInterface/Views/QuickConsole.js:
* UserInterface/Views/ReplayDashboardView.js:
* UserInterface/Views/ScriptContentView.js:
(WebInspector.ScriptContentView):
* UserInterface/Views/ScriptTimelineOverviewGraph.js:
(WebInspector.ScriptTimelineOverviewGraph):
* UserInterface/Views/TextContentView.js:
(WebInspector.TextContentView):
* UserInterface/Views/TimelineOverview.js:
(WebInspector.TimelineOverview):
* UserInterface/Views/TimelineOverviewGraph.js:
(WebInspector.TimelineOverviewGraph):
* UserInterface/Views/TimelineRecordBar.js:
(WebInspector.TimelineRecordBar):
* UserInterface/Views/TimelineRecordFrame.js:
(WebInspector.TimelineRecordFrame):
* UserInterface/Views/TimelineRecordingContentView.js:
(WebInspector.TimelineRecordingContentView):
* UserInterface/Views/TimelineRuler.js:
(WebInspector.TimelineRuler):
(WebInspector.TimelineRuler.prototype.set allowsTimeRangeSelection):

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@184819 268f45cc-cd09-0410-ab3c-d52691b4dbfc

39 files changed:
Source/WebInspectorUI/ChangeLog
Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js
Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js
Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js
Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js
Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js
Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js
Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js
Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js
Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js
Source/WebInspectorUI/UserInterface/Views/ContentView.js
Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js
Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js
Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js
Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js
Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js
Source/WebInspectorUI/UserInterface/Views/DashboardView.js
Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js
Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js
Source/WebInspectorUI/UserInterface/Views/DetailsSection.js
Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js
Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js
Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js
Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js
Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js
Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js
Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js
Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js
Source/WebInspectorUI/UserInterface/Views/QuickConsole.js
Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js
Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js
Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js
Source/WebInspectorUI/UserInterface/Views/TextContentView.js
Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js
Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js
Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js
Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js
Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js
Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js

index 1ff5023..c7cd0d7 100644 (file)
@@ -1,5 +1,88 @@
 2015-05-22  Joseph Pecoraro  <pecoraro@apple.com>
 
+        Web Inspector: Inline use once class names and remove some unused class names
+        https://bugs.webkit.org/show_bug.cgi?id=145334
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ApplicationCacheFrameContentView.js:
+        (WebInspector.ApplicationCacheFrameContentView):
+        * UserInterface/Views/BoxModelDetailsSectionRow.js:
+        (WebInspector.BoxModelDetailsSectionRow):
+        * UserInterface/Views/CSSStyleDeclarationSection.js:
+        (WebInspector.CSSStyleDeclarationSection):
+        * UserInterface/Views/CSSStyleDetailsSidebarPanel.js:
+        (WebInspector.CSSStyleDetailsSidebarPanel):
+        * UserInterface/Views/ClusterContentView.js:
+        (WebInspector.ClusterContentView):
+        * UserInterface/Views/CompletionSuggestionsView.js:
+        (WebInspector.CompletionSuggestionsView):
+        * UserInterface/Views/ConsolePrompt.js:
+        (WebInspector.ConsolePrompt):
+        * UserInterface/Views/ContentBrowser.js:
+        (WebInspector.ContentBrowser):
+        * UserInterface/Views/ContentFlowTreeElement.js:
+        (WebInspector.ContentFlowTreeElement):
+        * UserInterface/Views/ContentView.js:
+        (WebInspector.ContentView):
+        * UserInterface/Views/ContentViewContainer.js:
+        (WebInspector.ContentViewContainer):
+        * UserInterface/Views/CookieStorageContentView.js:
+        (WebInspector.CookieStorageContentView):
+        * UserInterface/Views/CookieStorageTreeElement.js:
+        (WebInspector.CookieStorageTreeElement):
+        * UserInterface/Views/DOMStorageContentView.js:
+        (WebInspector.DOMStorageContentView):
+        * UserInterface/Views/DOMTreeContentView.js:
+        (WebInspector.DOMTreeContentView):
+        * UserInterface/Views/DashboardView.js:
+        (WebInspector.DashboardView):
+        * UserInterface/Views/DatabaseTableContentView.js:
+        (WebInspector.DatabaseTableContentView):
+        * UserInterface/Views/DebuggerDashboardView.js:
+        (WebInspector.DebuggerDashboardView):
+        (WebInspector.DebuggerDashboardView.prototype._rebuildLocation):
+        * UserInterface/Views/DetailsSection.js:
+        (WebInspector.DetailsSection):
+        * UserInterface/Views/DetailsSectionSimpleRow.js:
+        * UserInterface/Views/FontResourceContentView.js:
+        (WebInspector.FontResourceContentView):
+        (WebInspector.FontResourceContentView.prototype.createMetricElement):
+        (WebInspector.FontResourceContentView.prototype.contentAvailable):
+        * UserInterface/Views/HierarchicalPathComponent.js:
+        (WebInspector.HierarchicalPathComponent):
+        (WebInspector.HierarchicalPathComponent.prototype.set selectorArrows):
+        * UserInterface/Views/IndexedDatabaseObjectStoreContentView.js:
+        * UserInterface/Views/LayoutTimelineOverviewGraph.js:
+        (WebInspector.LayoutTimelineOverviewGraph):
+        * UserInterface/Views/NetworkTimelineOverviewGraph.js:
+        (WebInspector.NetworkTimelineOverviewGraph):
+        * UserInterface/Views/OverviewTimelineView.js:
+        * UserInterface/Views/ProbeSetDetailsSection.js:
+        * UserInterface/Views/QuickConsole.js:
+        * UserInterface/Views/ReplayDashboardView.js:
+        * UserInterface/Views/ScriptContentView.js:
+        (WebInspector.ScriptContentView):
+        * UserInterface/Views/ScriptTimelineOverviewGraph.js:
+        (WebInspector.ScriptTimelineOverviewGraph):
+        * UserInterface/Views/TextContentView.js:
+        (WebInspector.TextContentView):
+        * UserInterface/Views/TimelineOverview.js:
+        (WebInspector.TimelineOverview):
+        * UserInterface/Views/TimelineOverviewGraph.js:
+        (WebInspector.TimelineOverviewGraph):
+        * UserInterface/Views/TimelineRecordBar.js:
+        (WebInspector.TimelineRecordBar):
+        * UserInterface/Views/TimelineRecordFrame.js:
+        (WebInspector.TimelineRecordFrame):
+        * UserInterface/Views/TimelineRecordingContentView.js:
+        (WebInspector.TimelineRecordingContentView):
+        * UserInterface/Views/TimelineRuler.js:
+        (WebInspector.TimelineRuler):
+        (WebInspector.TimelineRuler.prototype.set allowsTimeRangeSelection):
+
+2015-05-22  Joseph Pecoraro  <pecoraro@apple.com>
+
         Web Inspector: DOMTree Keyboard Shortcut 'H' to toggle element visibility is not working
         https://bugs.webkit.org/show_bug.cgi?id=145331
 
index fe0f447..5630a53 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.ApplicationCacheFrameContentView = function(representedObject)
 
     WebInspector.ContentView.call(this, representedObject);
 
-    this.element.classList.add(WebInspector.ApplicationCacheFrameContentView.StyleClassName);
+    this.element.classList.add("application-cache-frame");
 
     this.element.classList.add("storage-view");
     this.element.classList.add("table");
@@ -48,8 +48,6 @@ WebInspector.ApplicationCacheFrameContentView = function(representedObject)
     WebInspector.applicationCacheManager.addEventListener(WebInspector.ApplicationCacheManager.Event.FrameManifestStatusChanged, this._updateStatus, this);
 }
 
-WebInspector.ApplicationCacheFrameContentView.StyleClassName = "application-cache-frame";
-
 WebInspector.ApplicationCacheFrameContentView.prototype = {
     constructor: WebInspector.ApplicationCacheFrameContentView,
 
index b3e37a2..838eff5 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.BoxModelDetailsSectionRow = class BoxModelDetailsSectionRow extends
     {
         super(WebInspector.UIString("No Box Model Information"));
 
-        this.element.classList.add(WebInspector.BoxModelDetailsSectionRow.StyleClassName);
+        this.element.classList.add("box-model");
 
         this._nodeStyles = null;
     }
@@ -424,6 +424,5 @@ WebInspector.BoxModelDetailsSectionRow = class BoxModelDetailsSectionRow extends
     }
 };
 
-WebInspector.BoxModelDetailsSectionRow.StyleClassName = "box-model";
 WebInspector.BoxModelDetailsSectionRow.StyleValueDelimiters = " \xA0\t\n\"':;,/()";
 WebInspector.BoxModelDetailsSectionRow.CSSNumberRegex = /^(-?(?:\d+(?:\.\d+)?|\.\d+))$/;
index 3ec9341..58c6acd 100644 (file)
@@ -32,26 +32,26 @@ WebInspector.CSSStyleDeclarationSection = function(style)
     this._style = style || null;
 
     this._element = document.createElement("div");
-    this._element.className = WebInspector.CSSStyleDeclarationSection.StyleClassName;
+    this._element.className = "style-declaration-section";
 
     this._headerElement = document.createElement("div");
-    this._headerElement.className = WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName;
+    this._headerElement.className = "header";
 
     this._iconElement = document.createElement("img");
-    this._iconElement.className = WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName;
+    this._iconElement.className = "icon";
     this._headerElement.appendChild(this._iconElement);
 
     this._selectorElement = document.createElement("span");
-    this._selectorElement.className = WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName;
+    this._selectorElement.className = "selector";
     this._selectorElement.setAttribute("spellcheck", "false");
     this._headerElement.appendChild(this._selectorElement);
 
     this._originElement = document.createElement("span");
-    this._originElement.className = WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName;
+    this._originElement.className = "origin";
     this._headerElement.appendChild(this._originElement);
 
     this._propertiesElement = document.createElement("div");
-    this._propertiesElement.className = WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName;
+    this._propertiesElement.className = "properties";
 
     this._propertiesTextEditor = new WebInspector.CSSStyleDeclarationTextEditor(this, style);
     this._propertiesElement.appendChild(this._propertiesTextEditor.element);
@@ -106,15 +106,9 @@ WebInspector.CSSStyleDeclarationSection = function(style)
     this.refresh();
 };
 
-WebInspector.CSSStyleDeclarationSection.StyleClassName = "style-declaration-section";
 WebInspector.CSSStyleDeclarationSection.LockedStyleClassName = "locked";
 WebInspector.CSSStyleDeclarationSection.SelectorLockedStyleClassName = "selector-locked";
 WebInspector.CSSStyleDeclarationSection.LastInGroupStyleClassName = "last-in-group";
-WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName = "header";
-WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName = "icon";
-WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName = "selector";
-WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName = "origin";
-WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName = "properties";
 WebInspector.CSSStyleDeclarationSection.MatchedSelectorElementStyleClassName = "matched";
 
 WebInspector.CSSStyleDeclarationSection.AuthorStyleRuleIconStyleClassName = "author-style-rule-icon";
index bdec40e..2a38c73 100644 (file)
@@ -39,7 +39,7 @@ WebInspector.CSSStyleDetailsSidebarPanel = class CSSStyleDetailsSidebarPanel ext
 
         if (WebInspector.cssStyleManager.canForcePseudoClasses()) {
             this._forcedPseudoClassContainer = document.createElement("div");
-            this._forcedPseudoClassContainer.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName;
+            this._forcedPseudoClassContainer.className = "pseudo-classes";
 
             var groupElement = null;
 
@@ -60,7 +60,7 @@ WebInspector.CSSStyleDetailsSidebarPanel = class CSSStyleDetailsSidebarPanel ext
 
                 if (!groupElement || groupElement.children.length === 2) {
                     groupElement = document.createElement("div");
-                    groupElement.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName;
+                    groupElement.className = "group";
                     this._forcedPseudoClassContainer.appendChild(groupElement);
                 }
 
@@ -226,6 +226,4 @@ WebInspector.CSSStyleDetailsSidebarPanel = class CSSStyleDetailsSidebarPanel ext
     }
 };
 
-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName = "pseudo-classes";
-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName = "group";
 WebInspector.CSSStyleDetailsSidebarPanel.NoForcedPseudoClassesScrollOffset = 38; // Default height of the forced pseudo classes container. Updated in widthDidChange.
index 6afbb66..e81a164 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.ClusterContentView = function(representedObject)
 {
     WebInspector.ContentView.call(this, representedObject);
 
-    this.element.classList.add(WebInspector.ClusterContentView.StyleClassName);
+    this.element.classList.add("cluster");
 
     this._contentViewContainer = new WebInspector.ContentViewContainer();
     this._contentViewContainer.addEventListener(WebInspector.ContentViewContainer.Event.CurrentContentViewDidChange, this._currentContentViewDidChange, this);
@@ -38,8 +38,6 @@ WebInspector.ClusterContentView = function(representedObject)
     WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.NumberOfSearchResultsDidChange, this._contentViewNumberOfSearchResultsDidChange, this);
 };
 
-WebInspector.ClusterContentView.StyleClassName = "cluster";
-
 WebInspector.ClusterContentView.prototype = {
     constructor: WebInspector.ClusterContentView,
 
index 2d70bd2..8e78014 100644 (file)
@@ -34,10 +34,10 @@ WebInspector.CompletionSuggestionsView = class CompletionSuggestionsView extends
         this._selectedIndex = NaN;
 
         this._element = document.createElement("div");
-        this._element.className = WebInspector.CompletionSuggestionsView.StyleClassName;
+        this._element.className = "completion-suggestions";
 
         this._containerElement = document.createElement("div");
-        this._containerElement.className = WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName;
+        this._containerElement.className = "completion-suggestions-container";
         this._containerElement.addEventListener("mousedown", this._mouseDown.bind(this));
         this._containerElement.addEventListener("mouseup", this._mouseUp.bind(this));
         this._containerElement.addEventListener("click", this._itemClicked.bind(this));
@@ -219,7 +219,5 @@ WebInspector.CompletionSuggestionsView = class CompletionSuggestionsView extends
     }
 };
 
-WebInspector.CompletionSuggestionsView.StyleClassName = "completion-suggestions";
-WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName = "completion-suggestions-container";
 WebInspector.CompletionSuggestionsView.ItemElementStyleClassName = "item";
 WebInspector.CompletionSuggestionsView.SelectedItemStyleClassName = "selected";
index d497b1c..deadabc 100644 (file)
@@ -31,7 +31,7 @@ WebInspector.ConsolePrompt = function(delegate, mimeType, element)
     mimeType = parseMIMEType(mimeType).type;
 
     this._element = element || document.createElement("div");
-    this._element.classList.add(WebInspector.ConsolePrompt.StyleClassName);
+    this._element.classList.add("console-prompt");
     this._element.classList.add(WebInspector.SyntaxHighlightedStyleClassName);
 
     this._delegate = delegate || null;
@@ -63,7 +63,6 @@ WebInspector.ConsolePrompt = function(delegate, mimeType, element)
     this._historyIndex = 0;
 };
 
-WebInspector.ConsolePrompt.StyleClassName = "console-prompt";
 WebInspector.ConsolePrompt.MaximumHistorySize = 30;
 
 WebInspector.ConsolePrompt.prototype = {
index b17a1ef..f9af9a9 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.ContentBrowser = function(element, delegate, disableBackForward)
     // WebInspector.Object.call(this);
 
     this._element = element || document.createElement("div");
-    this._element.classList.add(WebInspector.ContentBrowser.StyleClassName);
+    this._element.classList.add("content-browser");
 
     this._navigationBar = new WebInspector.NavigationBar;
     this._element.appendChild(this._navigationBar.element);
@@ -92,8 +92,6 @@ WebInspector.ContentBrowser = function(element, delegate, disableBackForward)
 // FIXME: Move to a WebInspector.Object subclass and we can remove this.
 WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.ContentBrowser);
 
-WebInspector.ContentBrowser.StyleClassName = "content-browser";
-
 WebInspector.ContentBrowser.Event = {
     CurrentRepresentedObjectsDidChange: "content-browser-current-represented-objects-did-change",
     CurrentContentViewDidChange: "content-browser-current-content-view-did-change"
index 7e28a63..a6579a0 100644 (file)
@@ -34,10 +34,8 @@ WebInspector.ContentFlowTreeElement = class ContentFlowTreeElement extends WebIn
     {
         console.assert(representedObject instanceof WebInspector.ContentFlow);
 
-        super([WebInspector.ContentFlowTreeElement.StyleClassName, WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName], representedObject.name, null, representedObject, false);
+        super("content-flow-icon", representedObject.name, null, representedObject, false);
 
         this.small = true;
     }
 };
-
-WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName = "content-flow-icon";
index 1a4acd0..ccd55eb 100644 (file)
@@ -132,7 +132,7 @@ WebInspector.ContentView = function(representedObject, extraArguments)
     this._representedObject = representedObject;
 
     this._element = document.createElement("div");
-    this._element.classList.add(WebInspector.ContentView.StyleClassName);
+    this._element.classList.add("content-view");
 
     this._parentContainer = null;
 };
@@ -183,8 +183,6 @@ WebInspector.ContentView.isViewable = function(representedObject)
     return false;
 };
 
-WebInspector.ContentView.StyleClassName = "content-view";
-
 WebInspector.ContentView.Event = {
     SelectionPathComponentsDidChange: "content-view-selection-path-components-did-change",
     SupplementalRepresentedObjectsDidChange: "content-view-supplemental-represented-objects-did-change",
index 3b5d0ad..66421d3 100644 (file)
@@ -29,14 +29,12 @@ WebInspector.ContentViewContainer = function(element)
     // WebInspector.Object.call(this);
 
     this._element = element || document.createElement("div");
-    this._element.classList.add(WebInspector.ContentViewContainer.StyleClassName);
+    this._element.classList.add("content-view-container");
 
     this._backForwardList = [];
     this._currentIndex = -1;
 };
 
-WebInspector.ContentViewContainer.StyleClassName = "content-view-container";
-
 WebInspector.ContentViewContainer.Event = {
     CurrentContentViewDidChange: "content-view-container-current-content-view-did-change"
 };
index f350169..e59f24e 100644 (file)
@@ -27,13 +27,11 @@ WebInspector.CookieStorageContentView = function(representedObject)
 {
     WebInspector.ContentView.call(this, representedObject);
 
-    this.element.classList.add(WebInspector.CookieStorageContentView.StyleClassName);
+    this.element.classList.add("cookie-storage");
 
     this.update();
 };
 
-WebInspector.CookieStorageContentView.StyleClassName = "cookie-storage";
-
 WebInspector.CookieStorageContentView.prototype = {
     constructor: WebInspector.CookieStorageContentView,
 
index e1f167f..4cc4f00 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.CookieStorageTreeElement = class CookieStorageTreeElement extends W
     {
         console.assert(representedObject instanceof WebInspector.CookieStorageObject);
 
-        super(WebInspector.CookieStorageTreeElement.CookieIconStyleClassName, WebInspector.displayNameForHost(representedObject.host), representedObject);
+        super("cookie-icon", WebInspector.displayNameForHost(representedObject.host), representedObject);
     }
 
     // Public
@@ -44,5 +44,3 @@ WebInspector.CookieStorageTreeElement = class CookieStorageTreeElement extends W
         return WebInspector.UIString("Cookies");
     }
 };
-
-WebInspector.CookieStorageTreeElement.CookieIconStyleClassName = "cookie-icon";
index 09f91bf..4bcaf15 100644 (file)
@@ -28,7 +28,7 @@ WebInspector.DOMStorageContentView = function(representedObject)
 {
     WebInspector.ContentView.call(this, representedObject);
 
-    this.element.classList.add(WebInspector.DOMStorageContentView.StyleClassName);
+    this.element.classList.add("dom-storage");
 
     representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemsCleared, this.itemsCleared, this);
     representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemAdded, this.itemAdded, this);
@@ -49,7 +49,6 @@ WebInspector.DOMStorageContentView = function(representedObject)
     this._populate();
 };
 
-WebInspector.DOMStorageContentView.StyleClassName = "dom-storage";
 WebInspector.DOMStorageContentView.DuplicateKeyStyleClassName = "duplicate-key";
 WebInspector.DOMStorageContentView.MissingKeyStyleClassName = "missing-key";
 WebInspector.DOMStorageContentView.MissingValueStyleClassName = "missing-value";
index a03948c..8744173 100644 (file)
@@ -44,7 +44,7 @@ WebInspector.DOMTreeContentView = function(representedObject)
     this._showsShadowDOMButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleShowsShadowDOMSetting, this);
     this._showShadowDOMSettingChanged();
 
-    this.element.classList.add(WebInspector.DOMTreeContentView.StyleClassName);
+    this.element.classList.add("dom-tree");
     this.element.addEventListener("click", this._mouseWasClicked.bind(this), false);
 
     this._domTreeOutline = new WebInspector.DOMTreeOutline(true, true, true);
@@ -63,8 +63,6 @@ WebInspector.DOMTreeContentView = function(representedObject)
     this._numberOfSearchResults = null;
 };
 
-WebInspector.DOMTreeContentView.StyleClassName = "dom-tree";
-
 WebInspector.DOMTreeContentView.prototype = {
     constructor: WebInspector.DOMTreeContentView,
     __proto__: WebInspector.ContentView.prototype,
index 6af9ea7..f4e598b 100644 (file)
@@ -34,7 +34,7 @@ WebInspector.DashboardView = class DashboardView extends WebInspector.Object
         this._representedObject = representedObject;
 
         this._element = document.createElement("div");
-        this._element.classList.add(WebInspector.DashboardView.StyleClassName);
+        this._element.classList.add("dashboard");
         this._element.classList.add(identifier);
     }
 
@@ -83,5 +83,3 @@ WebInspector.DashboardView = class DashboardView extends WebInspector.Object
         // Implemented by subclasses.
     }
 };
-
-WebInspector.DashboardView.StyleClassName = "dashboard";
index fdaadd7..97fae3b 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.DatabaseTableContentView = function(representedObject)
 {
     WebInspector.ContentView.call(this, representedObject);
 
-    this.element.classList.add(WebInspector.DatabaseTableContentView.StyleClassName);
+    this.element.classList.add("database-table");
 
     this._refreshButtonNavigationItem = new WebInspector.ButtonNavigationItem("database-table-refresh", WebInspector.UIString("Refresh"), "Images/ReloadFull.svg", 13, 13);
     this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
@@ -35,8 +35,6 @@ WebInspector.DatabaseTableContentView = function(representedObject)
     this.update();
 };
 
-WebInspector.DatabaseTableContentView.StyleClassName = "database-table";
-
 WebInspector.DatabaseTableContentView.prototype = {
     constructor: WebInspector.DatabaseTableContentView,
     __proto__: WebInspector.ContentView.prototype,
index 46ef801..aba26ed 100644 (file)
@@ -41,16 +41,16 @@ WebInspector.DebuggerDashboardView = class DebuggerDashboardView extends WebInsp
         this._navigationBar.addNavigationItem(this._debuggerResumeButtonItem);
 
         var message = this._messageElement = document.createElement("div");
-        message.classList.add(WebInspector.DebuggerDashboardView.MessageStyleClassName);
+        message.classList.add("message");
         message.title = message.textContent = WebInspector.UIString("Debugger Paused");
         this.element.appendChild(message);
 
         var dividerElement = document.createElement("div");
-        dividerElement.classList.add(WebInspector.DebuggerDashboardView.DividerStyleClassName);
+        dividerElement.classList.add("divider");
         this.element.appendChild(dividerElement);
 
         var locationElement = this._locationElement = document.createElement("div");
-        locationElement.classList.add(WebInspector.DebuggerDashboardView.LocationStyleClassName);
+        locationElement.classList.add("location");
         this.element.appendChild(locationElement);
 
         this._rebuildLocation();
@@ -80,12 +80,12 @@ WebInspector.DebuggerDashboardView = class DebuggerDashboardView extends WebInsp
         this._locationElement.appendChild(iconElement);
 
         var iconImageElement = document.createElement("img");
-        iconImageElement.className = WebInspector.DebuggerDashboardView.IconStyleClassName;
+        iconImageElement.className = "icon";
         iconElement.appendChild(iconImageElement);
 
         var nameElement = document.createElement("div");
         nameElement.appendChild(document.createTextNode(functionName));
-        nameElement.classList.add(WebInspector.DebuggerDashboardView.FunctionNameStyleClassName);
+        nameElement.classList.add("function-name");
         this._locationElement.appendChild(nameElement);
 
         var sourceCodeLocation = WebInspector.debuggerManager.activeCallFrame.sourceCodeLocation;
@@ -102,9 +102,3 @@ WebInspector.DebuggerDashboardView = class DebuggerDashboardView extends WebInsp
 
 WebInspector.DebuggerDashboardView.FunctionIconStyleClassName = WebInspector.CallFrameView.FunctionIconStyleClassName;
 WebInspector.DebuggerDashboardView.EventListenerIconStyleClassName = WebInspector.CallFrameView.EventListenerIconStyleClassName;
-
-WebInspector.DebuggerDashboardView.IconStyleClassName = "icon";
-WebInspector.DebuggerDashboardView.MessageStyleClassName = "message";
-WebInspector.DebuggerDashboardView.DividerStyleClassName = "divider";
-WebInspector.DebuggerDashboardView.LocationStyleClassName = "location";
-WebInspector.DebuggerDashboardView.FunctionNameStyleClassName = "function-name";
index 368cd74..84b3a39 100644 (file)
@@ -36,7 +36,7 @@ WebInspector.DetailsSection = class DetailsSection extends WebInspector.Object
 
         this._headerElement = document.createElement("div");
         this._headerElement.addEventListener("click", this._headerElementClicked.bind(this));
-        this._headerElement.className = WebInspector.DetailsSection.HeaderElementStyleClassName;
+        this._headerElement.className = "header";
         this._element.appendChild(this._headerElement);
 
         if (optionsElement instanceof HTMLElement) {
@@ -50,7 +50,7 @@ WebInspector.DetailsSection = class DetailsSection extends WebInspector.Object
         this._headerElement.appendChild(this._titleElement);
 
         this._contentElement = document.createElement("div");
-        this._contentElement.className = WebInspector.DetailsSection.ContentElementStyleClassName;
+        this._contentElement.className = "content";
         this._element.appendChild(this._contentElement);
 
         this._generateDisclosureTrianglesIfNeeded();
@@ -160,9 +160,6 @@ WebInspector.DetailsSection = class DetailsSection extends WebInspector.Object
     }
 };
 
-WebInspector.DetailsSection.HeaderElementStyleClassName = "header";
-WebInspector.DetailsSection.TitleElementStyleClassName = "title";
-WebInspector.DetailsSection.ContentElementStyleClassName = "content";
 WebInspector.DetailsSection.CollapsedStyleClassName = "collapsed";
 WebInspector.DetailsSection.MouseOverOptionsElementStyleClassName = "mouse-over-options-element";
 WebInspector.DetailsSection.DisclosureTriangleOpenCanvasIdentifier = "details-section-disclosure-triangle-open";
index e449c75..b6beefc 100644 (file)
@@ -32,11 +32,11 @@ WebInspector.DetailsSectionSimpleRow = class DetailsSectionSimpleRow extends Web
         this.element.classList.add("simple");
 
         this._labelElement = document.createElement("div");
-        this._labelElement.className = WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName;
+        this._labelElement.className = "label";
         this.element.appendChild(this._labelElement);
 
         this._valueElement = document.createElement("div");
-        this._valueElement.className = WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName;
+        this._valueElement.className = "value";
         this.element.appendChild(this._valueElement);
 
         // Workaround for <rdar://problem/12668870> Triple-clicking text within a
@@ -113,5 +113,3 @@ WebInspector.DetailsSectionSimpleRow = class DetailsSectionSimpleRow extends Web
 
 WebInspector.DetailsSectionSimpleRow.DataStyleClassName = "data";
 WebInspector.DetailsSectionSimpleRow.EmptyStyleClassName = "empty";
-WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName = "label";
-WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName = "value";
index bcb5aae..f41ec26 100644 (file)
@@ -25,7 +25,7 @@
 
 WebInspector.FontResourceContentView = function(resource)
 {
-    WebInspector.ResourceContentView.call(this, resource, WebInspector.FontResourceContentView.StyleClassName);
+    WebInspector.ResourceContentView.call(this, resource, "font");
 
     this._styleElement = null;
     this._previewElement = null;
@@ -33,16 +33,6 @@ WebInspector.FontResourceContentView = function(resource)
 
 WebInspector.FontResourceContentView._uniqueFontIdentifier = 0;
 
-WebInspector.FontResourceContentView.StyleClassName = "font";
-WebInspector.FontResourceContentView.PreviewElementStyleClassName = "preview";
-WebInspector.FontResourceContentView.LineElementStyleClassName = "line";
-WebInspector.FontResourceContentView.ContentElementStyleClassName = "content";
-WebInspector.FontResourceContentView.MetricElementStyleClassName = "metric";
-WebInspector.FontResourceContentView.TopMetricElementStyleClassName = "top";
-WebInspector.FontResourceContentView.XHeightMetricElementStyleClassName = "xheight";
-WebInspector.FontResourceContentView.MiddleMetricElementStyleClassName = "middle";
-WebInspector.FontResourceContentView.BaselineMetricElementStyleClassName = "baseline";
-WebInspector.FontResourceContentView.BottomMetricElementStyleClassName = "bottom";
 WebInspector.FontResourceContentView.PreviewLines = ["ABCDEFGHIJKLM", "NOPQRSTUVWXYZ", "abcdefghijklm", "nopqrstuvwxyz", "1234567890"];
 
 WebInspector.FontResourceContentView.MaximumFontSize = 72;
@@ -96,29 +86,29 @@ WebInspector.FontResourceContentView.prototype = {
             document.head.appendChild(this._styleElement);
 
         this._previewElement = document.createElement("div");
-        this._previewElement.className = WebInspector.FontResourceContentView.PreviewElementStyleClassName;
+        this._previewElement.className = "preview";
         this._previewElement.style.fontFamily = uniqueFontName;
 
         function createMetricElement(className)
         {
             var metricElement = document.createElement("div");
-            metricElement.className = WebInspector.FontResourceContentView.MetricElementStyleClassName + " " + className;
+            metricElement.className = "metric " + className;
             return metricElement;
         }
 
         var lines = WebInspector.FontResourceContentView.PreviewLines;
         for (var i = 0; i < lines.length; ++i) {
             var lineElement = document.createElement("div");
-            lineElement.className = WebInspector.FontResourceContentView.LineElementStyleClassName;
+            lineElement.className = "line";
 
-            lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.TopMetricElementStyleClassName));
-            lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.XHeightMetricElementStyleClassName));
-            lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.MiddleMetricElementStyleClassName));
-            lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.BaselineMetricElementStyleClassName));
-            lineElement.appendChild(createMetricElement(WebInspector.FontResourceContentView.BottomMetricElementStyleClassName));
+            lineElement.appendChild(createMetricElement("top"));
+            lineElement.appendChild(createMetricElement("xheight"));
+            lineElement.appendChild(createMetricElement("middle"));
+            lineElement.appendChild(createMetricElement("baseline"));
+            lineElement.appendChild(createMetricElement("bottom"));
 
             var contentElement = document.createElement("div");
-            contentElement.className = WebInspector.FontResourceContentView.ContentElementStyleClassName;
+            contentElement.className = "content";
             contentElement.textContent = lines[i];
             lineElement.appendChild(contentElement);
 
index cfb4f0e..37a20aa 100644 (file)
@@ -48,21 +48,21 @@ WebInspector.HierarchicalPathComponent = class HierarchicalPathComponent extends
 
         if (!textOnly) {
             this._iconElement = document.createElement("img");
-            this._iconElement.className = WebInspector.HierarchicalPathComponent.IconElementStyleClassName;
+            this._iconElement.className = "icon";
             this._element.appendChild(this._iconElement);
         } else
             this._element.classList.add(WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName);
 
         this._titleElement = document.createElement("div");
-        this._titleElement.className = WebInspector.HierarchicalPathComponent.TitleElementStyleClassName;
+        this._titleElement.className = "title";
         this._element.appendChild(this._titleElement);
 
         this._titleContentElement = document.createElement("div");
-        this._titleContentElement.className = WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName;
+        this._titleContentElement.className = "content";
         this._titleElement.appendChild(this._titleContentElement);
 
         this._separatorElement = document.createElement("div");
-        this._separatorElement.className = WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName;
+        this._separatorElement.className = "separator";
         this._element.appendChild(this._separatorElement);
 
         this._selectElement = document.createElement("select");
@@ -198,7 +198,7 @@ WebInspector.HierarchicalPathComponent = class HierarchicalPathComponent extends
     {
         if (flag) {
             this._selectorArrowsElement = document.createElement("img");
-            this._selectorArrowsElement.className = WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName;
+            this._selectorArrowsElement.className = "selector-arrows";
             this._element.insertBefore(this._selectorArrowsElement, this._separatorElement);
 
             this._element.classList.add(WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName);
@@ -316,13 +316,8 @@ WebInspector.HierarchicalPathComponent = class HierarchicalPathComponent extends
 
 WebInspector.HierarchicalPathComponent.HiddenStyleClassName = "hidden";
 WebInspector.HierarchicalPathComponent.CollapsedStyleClassName = "collapsed";
-WebInspector.HierarchicalPathComponent.IconElementStyleClassName = "icon";
 WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName = "text-only";
 WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName = "show-selector-arrows";
-WebInspector.HierarchicalPathComponent.TitleElementStyleClassName = "title";
-WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName = "content";
-WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName = "selector-arrows";
-WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName = "separator";
 
 WebInspector.HierarchicalPathComponent.MinimumWidth = 32;
 WebInspector.HierarchicalPathComponent.MinimumWidthCollapsed = 24;
index bb7caf0..5d784cf 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.IndexedDatabaseObjectStoreContentView = function(objectStoreOrIndex
 {
     WebInspector.ContentView.call(this, objectStoreOrIndex);
 
-    this.element.classList.add(WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName);
+    this.element.classList.add("indexed-database-object-store");
 
     if (objectStoreOrIndex instanceof WebInspector.IndexedDatabaseObjectStore) {
         this._objectStore = objectStoreOrIndex;
@@ -77,8 +77,6 @@ WebInspector.IndexedDatabaseObjectStoreContentView = function(objectStoreOrIndex
     this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
 };
 
-WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName = "indexed-database-object-store";
-
 WebInspector.IndexedDatabaseObjectStoreContentView.prototype = {
     constructor: WebInspector.IndexedDatabaseObjectStoreContentView,
     __proto__: WebInspector.ContentView.prototype,
index f7489dc..f0bf024 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.LayoutTimelineOverviewGraph = function(timeline)
 {
     WebInspector.TimelineOverviewGraph.call(this, timeline);
 
-    this.element.classList.add(WebInspector.LayoutTimelineOverviewGraph.StyleClassName);
+    this.element.classList.add("layout");
 
     this._layoutTimeline = timeline;
     this._layoutTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._layoutTimelineRecordAdded, this);
@@ -37,8 +37,6 @@ WebInspector.LayoutTimelineOverviewGraph = function(timeline)
     this.reset();
 };
 
-WebInspector.LayoutTimelineOverviewGraph.StyleClassName = "layout";
-
 WebInspector.LayoutTimelineOverviewGraph.prototype = {
     constructor: WebInspector.LayoutTimelineOverviewGraph,
     __proto__: WebInspector.TimelineOverviewGraph.prototype,
index 856778b..3483946 100644 (file)
@@ -28,7 +28,7 @@ WebInspector.NetworkTimelineOverviewGraph = function(timeline)
 {
     WebInspector.TimelineOverviewGraph.call(this, timeline);
 
-    this.element.classList.add(WebInspector.NetworkTimelineOverviewGraph.StyleClassName);
+    this.element.classList.add("network");
 
     timeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._networkTimelineRecordAdded, this);
     timeline.addEventListener(WebInspector.Timeline.Event.TimesUpdated, this.needsLayout, this);
@@ -36,7 +36,6 @@ WebInspector.NetworkTimelineOverviewGraph = function(timeline)
     this.reset();
 };
 
-WebInspector.NetworkTimelineOverviewGraph.StyleClassName = "network";
 WebInspector.NetworkTimelineOverviewGraph.GraphRowStyleClassName = "graph-row";
 WebInspector.NetworkTimelineOverviewGraph.BarStyleClassName = "bar";
 WebInspector.NetworkTimelineOverviewGraph.InactiveBarStyleClassName = "inactive";
index 2f0d267..e9b0aea 100644 (file)
@@ -44,7 +44,7 @@ WebInspector.OverviewTimelineView = function(recording, extraArguments)
     this._currentTimeMarker = new WebInspector.TimelineMarker(0, WebInspector.TimelineMarker.Type.CurrentTime);
     this._timelineRuler.addMarker(this._currentTimeMarker);
 
-    this.element.classList.add(WebInspector.OverviewTimelineView.StyleClassName);
+    this.element.classList.add("overview");
     this.element.appendChild(this._dataGrid.element);
 
     this._networkTimeline = recording.timelines.get(WebInspector.TimelineRecord.Type.Network);
@@ -55,8 +55,6 @@ WebInspector.OverviewTimelineView = function(recording, extraArguments)
     this._pendingRepresentedObjects = [];
 };
 
-WebInspector.OverviewTimelineView.StyleClassName = "overview";
-
 WebInspector.OverviewTimelineView.prototype = {
     constructor: WebInspector.OverviewTimelineView,
     __proto__: WebInspector.TimelineView.prototype,
index ba5b623..6903d36 100644 (file)
@@ -149,4 +149,3 @@ WebInspector.ProbeSetDetailsSection.ProbePopoverElementStyleClassName = "probe-p
 WebInspector.ProbeSetDetailsSection.ProbeClearSamplesStyleClassName = "probe-clear-samples";
 WebInspector.ProbeSetDetailsSection.ProbeRemoveStyleClassName = "probe-remove";
 WebInspector.ProbeSetDetailsSection.SectionOptionsStyleClassName = "options";
-WebInspector.ProbeSetDetailsSection.StyleClassName = "probe-set";
index caaac60..99090ef 100644 (file)
@@ -42,7 +42,7 @@ WebInspector.QuickConsole = class QuickConsole extends WebInspector.Object
         this._element.classList.add("quick-console");
 
         this.prompt = new WebInspector.ConsolePrompt(null, "text/javascript");
-        this.prompt.element.classList.add(WebInspector.QuickConsole.TextPromptStyleClassName);
+        this.prompt.element.classList.add("text-prompt");
         this._element.appendChild(this.prompt.element);
 
         // FIXME: CodeMirror 4 has a default "Esc" key handler that always prevents default.
@@ -340,9 +340,6 @@ WebInspector.QuickConsole = class QuickConsole extends WebInspector.Object
 };
 
 WebInspector.QuickConsole.ShowingLogClassName = "showing-log";
-WebInspector.QuickConsole.NavigationBarContainerStyleClassName = "navigation-bar-container";
-WebInspector.QuickConsole.NavigationBarSpacerStyleClassName = "navigation-bar-spacer";
-WebInspector.QuickConsole.TextPromptStyleClassName = "text-prompt";
 
 WebInspector.QuickConsole.ToolbarSingleLineHeight = 21;
 WebInspector.QuickConsole.ToolbarPromptPadding = 4;
index 4b07d37..598b57d 100644 (file)
@@ -114,7 +114,3 @@ WebInspector.ReplayDashboardView = class ReplayDashboardView extends WebInspecto
         this._replayButtonItem.toggled = false;
     }
 };
-
-WebInspector.ReplayDashboardView.RecordingContainerStyleClassName = "recording-container";
-WebInspector.ReplayDashboardView.RecordButtonStyleClassName = "record-button";
-WebInspector.ReplayDashboardView.ReplayButtonStyleClassName = "replay-button";
index 901baae..4fe6e7f 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.ScriptContentView = function(script)
 {
     WebInspector.ContentView.call(this, script);
 
-    this.element.classList.add(WebInspector.ScriptContentView.StyleClassName);
+    this.element.classList.add("script");
 
     // Append a spinner while waiting for _contentWillPopulate.
     var spinner = new WebInspector.IndeterminateProgressSpinner;
@@ -63,8 +63,6 @@ WebInspector.ScriptContentView = function(script)
     WebInspector.showJavaScriptTypeInformationSetting.addEventListener(WebInspector.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
 };
 
-WebInspector.ScriptContentView.StyleClassName = "script";
-
 WebInspector.ScriptContentView.prototype = {
     constructor: WebInspector.ScriptContentView,
 
index 3787a33..f9dbaab 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.ScriptTimelineOverviewGraph = function(timeline)
 {
     WebInspector.TimelineOverviewGraph.call(this, timeline);
 
-    this.element.classList.add(WebInspector.ScriptTimelineOverviewGraph.StyleClassName);
+    this.element.classList.add("script");
 
     this._scriptTimeline = timeline;
     this._scriptTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._scriptTimelineRecordAdded, this);
@@ -37,8 +37,6 @@ WebInspector.ScriptTimelineOverviewGraph = function(timeline)
     this.reset();
 };
 
-WebInspector.ScriptTimelineOverviewGraph.StyleClassName = "script";
-
 WebInspector.ScriptTimelineOverviewGraph.prototype = {
     constructor: WebInspector.ScriptTimelineOverviewGraph,
     __proto__: WebInspector.TimelineOverviewGraph.prototype,
index 9818024..96ae408 100644 (file)
@@ -27,7 +27,7 @@ WebInspector.TextContentView = function(string, mimeType)
 {
     WebInspector.ContentView.call(this, string);
 
-    this.element.classList.add(WebInspector.TextContentView.StyleClassName);
+    this.element.classList.add("text");
 
     this._textEditor = new WebInspector.TextEditor;
     this._textEditor.addEventListener(WebInspector.TextEditor.Event.NumberOfSearchResultsDidChange, this._numberOfSearchResultsDidChange, this);
@@ -51,8 +51,6 @@ WebInspector.TextContentView = function(string, mimeType)
     this._showTypesButtonNavigationItem.enabled = false;
 };
 
-WebInspector.TextContentView.StyleClassName = "text";
-
 WebInspector.TextContentView.prototype = {
     constructor: WebInspector.TextContentView,
 
index ea66b98..18c511c 100644 (file)
@@ -33,11 +33,11 @@ WebInspector.TimelineOverview = function(identifier, timelineRecording, minimumD
     this._recording.addEventListener(WebInspector.TimelineRecording.Event.TimelineRemoved, this._timelineRemoved, this);
 
     this._element = document.createElement("div");
-    this._element.className = WebInspector.TimelineOverview.StyleClassName;
+    this._element.className = "timeline-overview";
     this._element.addEventListener("wheel", this._handleWheelEvent.bind(this));
 
     this._graphsContainerElement = document.createElement("div");
-    this._graphsContainerElement.className = WebInspector.TimelineOverview.GraphsContainerStyleClassName;
+    this._graphsContainerElement.className = "graphs-container";
     this._element.appendChild(this._graphsContainerElement);
 
     this._timelineOverviewGraphsMap = new Map;
@@ -52,12 +52,12 @@ WebInspector.TimelineOverview = function(identifier, timelineRecording, minimumD
     this._timelineRuler.addMarker(this._currentTimeMarker);
 
     this._scrollContainerElement = document.createElement("div");
-    this._scrollContainerElement.className = WebInspector.TimelineOverview.ScrollContainerStyleClassName;
+    this._scrollContainerElement.className = "scroll-container";
     this._scrollContainerElement.addEventListener("scroll", this._handleScrollEvent.bind(this));
     this._element.appendChild(this._scrollContainerElement);
 
     this._scrollWidthSizer = document.createElement("div");
-    this._scrollWidthSizer.className = WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName;
+    this._scrollWidthSizer.className = "scroll-width-sizer";
     this._scrollContainerElement.appendChild(this._scrollWidthSizer);
 
     this._defaultSettingsValues = defaultSettingsValues;
@@ -85,10 +85,6 @@ WebInspector.TimelineOverview = function(identifier, timelineRecording, minimumD
         this._resetSelection();
 };
 
-WebInspector.TimelineOverview.StyleClassName = "timeline-overview";
-WebInspector.TimelineOverview.GraphsContainerStyleClassName = "graphs-container";
-WebInspector.TimelineOverview.ScrollContainerStyleClassName = "scroll-container";
-WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName = "scroll-width-sizer";
 WebInspector.TimelineOverview.ScrollDeltaDenominator = 500;
 
 WebInspector.TimelineOverview.Event = {
index 81500fc..7d3b46f 100644 (file)
@@ -53,7 +53,7 @@ WebInspector.TimelineOverviewGraph = function(timeline)
     // WebInspector.Object.call(this);
 
     this.element = document.createElement("div");
-    this.element.classList.add(WebInspector.TimelineOverviewGraph.StyleClassName);
+    this.element.classList.add("timeline-overview-graph");
 
     this._zeroTime = 0;
     this._startTime = 0;
@@ -62,8 +62,6 @@ WebInspector.TimelineOverviewGraph = function(timeline)
     this._timelineOverview = null;
 };
 
-WebInspector.TimelineOverviewGraph.StyleClassName = "timeline-overview-graph";
-
 WebInspector.TimelineOverviewGraph.prototype = {
     constructor: WebInspector.TimelineOverviewGraph,
     __proto__: WebInspector.Object.prototype,
index 57fc872..e7fb7d8 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.TimelineRecordBar = function(records, renderMode)
     // WebInspector.Object.call(this);
 
     this._element = document.createElement("div");
-    this._element.classList.add(WebInspector.TimelineRecordBar.StyleClassName);
+    this._element.classList.add("timeline-record-bar");
 
     this.renderMode = renderMode;
     this.records = records;
@@ -38,7 +38,6 @@ WebInspector.TimelineRecordBar = function(records, renderMode)
 // FIXME: Move to a WebInspector.Object subclass and we can remove this.
 WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordBar);
 
-WebInspector.TimelineRecordBar.StyleClassName = "timeline-record-bar";
 WebInspector.TimelineRecordBar.BarSegmentStyleClassName = "segment";
 WebInspector.TimelineRecordBar.InactiveStyleClassName = "inactive";
 WebInspector.TimelineRecordBar.UnfinishedStyleClassName = "unfinished";
index 1eea662..03ae4ed 100644 (file)
@@ -29,7 +29,7 @@ WebInspector.TimelineRecordFrame = function(graphDataSource, record)
     // WebInspector.Object.call(this);
 
     this._element = document.createElement("div");
-    this._element.classList.add(WebInspector.TimelineRecordFrame.StyleClassName);
+    this._element.classList.add("timeline-record-frame");
 
     this._graphDataSource = graphDataSource;
     this._record = record || null;
@@ -38,7 +38,6 @@ WebInspector.TimelineRecordFrame = function(graphDataSource, record)
 // FIXME: Move to a WebInspector.Object subclass and we can remove this.
 WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordFrame);
 
-WebInspector.TimelineRecordFrame.StyleClassName = "timeline-record-frame";
 WebInspector.TimelineRecordFrame.MaximumWidthPixels = 16;
 WebInspector.TimelineRecordFrame.MinimumWidthPixels = 4;
 
index 3e1ff89..9ddf5f8 100644 (file)
@@ -34,7 +34,7 @@ WebInspector.TimelineRecordingContentView = function(recording, extraArguments)
     this._recording = recording;
     this._timelineSidebarPanel = extraArguments.timelineSidebarPanel;
 
-    this.element.classList.add(WebInspector.TimelineRecordingContentView.StyleClassName);
+    this.element.classList.add("timeline-recording");
 
     this._linearTimelineOverview = new WebInspector.LinearTimelineOverview(this._recording);
     this._linearTimelineOverview.addEventListener(WebInspector.TimelineOverview.Event.TimeRangeSelectionChanged, this._timeRangeSelectionChanged, this);
@@ -84,8 +84,6 @@ WebInspector.TimelineRecordingContentView = function(recording, extraArguments)
     this.showOverviewTimelineView();
 };
 
-WebInspector.TimelineRecordingContentView.StyleClassName = "timeline-recording";
-
 WebInspector.TimelineRecordingContentView.SelectedTimelineTypeCookieKey = "timeline-recording-content-view-selected-timeline-type";
 WebInspector.TimelineRecordingContentView.OverviewTimelineViewCookieValue = "timeline-recording-content-view-overview-timeline-view";
 
index e61fbf0..1db6ce5 100644 (file)
@@ -29,14 +29,14 @@ WebInspector.TimelineRuler = function()
     // WebInspector.Object.call(this);
 
     this._element = document.createElement("div");
-    this._element.className = WebInspector.TimelineRuler.StyleClassName;
+    this._element.className = "timeline-ruler";
 
     this._headerElement = document.createElement("div");
-    this._headerElement.className = WebInspector.TimelineRuler.HeaderElementStyleClassName;
+    this._headerElement.className = "header";
     this._element.appendChild(this._headerElement);
 
     this._markersElement = document.createElement("div");
-    this._markersElement.className = WebInspector.TimelineRuler.MarkersElementStyleClassName;
+    this._markersElement.className = "markers";
     this._element.appendChild(this._markersElement);
 
     this._zeroTime = 0;
@@ -57,19 +57,10 @@ WebInspector.TimelineRuler = function()
 WebInspector.TimelineRuler.MinimumLeftDividerSpacing = 48;
 WebInspector.TimelineRuler.MinimumDividerSpacing = 64;
 
-WebInspector.TimelineRuler.StyleClassName = "timeline-ruler";
 WebInspector.TimelineRuler.AllowsTimeRangeSelectionStyleClassName = "allows-time-range-selection";
-WebInspector.TimelineRuler.HeaderElementStyleClassName = "header";
 WebInspector.TimelineRuler.DividerElementStyleClassName = "divider";
 WebInspector.TimelineRuler.DividerLabelElementStyleClassName = "label";
 
-WebInspector.TimelineRuler.MarkersElementStyleClassName = "markers";
-WebInspector.TimelineRuler.BaseMarkerElementStyleClassName = "marker";
-WebInspector.TimelineRuler.ShadedAreaElementStyleClassName = "shaded-area";
-WebInspector.TimelineRuler.SelectionDragElementStyleClassName = "selection-drag";
-WebInspector.TimelineRuler.SelectionHandleElementStyleClassName = "selection-handle";
-WebInspector.TimelineRuler.LeftSelectionElementStyleClassName = "left";
-WebInspector.TimelineRuler.RightSelectionElementStyleClassName = "right";
 WebInspector.TimelineRuler.MinimumSelectionTimeRange = 0.01;
 
 WebInspector.TimelineRuler.Event = {
@@ -130,25 +121,25 @@ WebInspector.TimelineRuler.prototype = {
             this._element.addEventListener("mousedown", this._mouseDownEventListener);
 
             this._leftShadedAreaElement = document.createElement("div");
-            this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
-            this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
+            this._leftShadedAreaElement.classList.add("shaded-area");
+            this._leftShadedAreaElement.classList.add("left");
 
             this._rightShadedAreaElement = document.createElement("div");
-            this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
-            this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
+            this._rightShadedAreaElement.classList.add("shaded-area");
+            this._rightShadedAreaElement.classList.add("right");
 
             this._leftSelectionHandleElement = document.createElement("div");
-            this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
-            this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
+            this._leftSelectionHandleElement.classList.add("selection-handle");
+            this._leftSelectionHandleElement.classList.add("left");
             this._leftSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
 
             this._rightSelectionHandleElement = document.createElement("div");
-            this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
-            this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
+            this._rightSelectionHandleElement.classList.add("selection-handle");
+            this._rightSelectionHandleElement.classList.add("right");
             this._rightSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
 
             this._selectionDragElement = document.createElement("div");
-            this._selectionDragElement.classList.add(WebInspector.TimelineRuler.SelectionDragElementStyleClassName);
+            this._selectionDragElement.classList.add("selection-drag");
 
             this._needsSelectionLayout();
         } else {
@@ -304,7 +295,7 @@ WebInspector.TimelineRuler.prototype = {
         marker.addEventListener(WebInspector.TimelineMarker.Event.TimeChanged, this._timelineMarkerTimeChanged, this);
 
         var markerElement = document.createElement("div");
-        markerElement.classList.add(marker.type, WebInspector.TimelineRuler.BaseMarkerElementStyleClassName);
+        markerElement.classList.add(marker.type, "marker");
 
         this._markerElementMap.set(marker, markerElement);