<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[184819] trunk/Source/WebInspectorUI</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://trac.webkit.org/projects/webkit/changeset/184819">184819</a></dd>
<dt>Author</dt> <dd>commit-queue@webkit.org</dd>
<dt>Date</dt> <dd>2015-05-22 23:27:24 -0700 (Fri, 22 May 2015)</dd>
</dl>
<h3>Log Message</h3>
<pre>Web Inspector: Inline use once class names and remove some unused class names
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):</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsApplicationCacheFrameContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsBoxModelDetailsSectionRowjs">trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectionjs">trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPaneljs">trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsClusterContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCompletionSuggestionsViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsConsolePromptjs">trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsContentBrowserjs">trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsContentFlowTreeElementjs">trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsContentViewContainerjs">trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCookieStorageContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCookieStorageTreeElementjs">trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDOMStorageContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDOMTreeContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDashboardViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDatabaseTableContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectionjs">trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectionSimpleRowjs">trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsFontResourceContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsHierarchicalPathComponentjs">trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsIndexedDatabaseObjectStoreContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsLayoutTimelineOverviewGraphjs">trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsNetworkTimelineOverviewGraphjs">trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsProbeSetDetailsSectionjs">trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsQuickConsolejs">trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsReplayDashboardViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsScriptContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsScriptTimelineOverviewGraphjs">trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTextContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineOverviewjs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineOverviewGraphjs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordBarjs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordFramejs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordingContentViewjs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineRulerjs">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -1,5 +1,88 @@
</span><span class="cx"> 2015-05-22 Joseph Pecoraro <pecoraro@apple.com>
</span><span class="cx">
</span><ins>+ 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>
+
</ins><span class="cx"> Web Inspector: DOMTree Keyboard Shortcut 'H' to toggle element visibility is not working
</span><span class="cx"> https://bugs.webkit.org/show_bug.cgi?id=145331
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsApplicationCacheFrameContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ApplicationCacheFrameContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.ContentView.call(this, representedObject);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.ApplicationCacheFrameContentView.StyleClassName);
</del><ins>+ this.element.classList.add("application-cache-frame");
</ins><span class="cx">
</span><span class="cx"> this.element.classList.add("storage-view");
</span><span class="cx"> this.element.classList.add("table");
</span><span class="lines">@@ -48,8 +48,6 @@
</span><span class="cx"> WebInspector.applicationCacheManager.addEventListener(WebInspector.ApplicationCacheManager.Event.FrameManifestStatusChanged, this._updateStatus, this);
</span><span class="cx"> }
</span><span class="cx">
</span><del>-WebInspector.ApplicationCacheFrameContentView.StyleClassName = "application-cache-frame";
-
</del><span class="cx"> WebInspector.ApplicationCacheFrameContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.ApplicationCacheFrameContentView,
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsBoxModelDetailsSectionRowjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/BoxModelDetailsSectionRow.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> {
</span><span class="cx"> super(WebInspector.UIString("No Box Model Information"));
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.BoxModelDetailsSectionRow.StyleClassName);
</del><ins>+ this.element.classList.add("box-model");
</ins><span class="cx">
</span><span class="cx"> this._nodeStyles = null;
</span><span class="cx"> }
</span><span class="lines">@@ -424,6 +424,5 @@
</span><span class="cx"> }
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.BoxModelDetailsSectionRow.StyleClassName = "box-model";
</del><span class="cx"> WebInspector.BoxModelDetailsSectionRow.StyleValueDelimiters = " \xA0\t\n\"':;,/()";
</span><span class="cx"> WebInspector.BoxModelDetailsSectionRow.CSSNumberRegex = /^(-?(?:\d+(?:\.\d+)?|\.\d+))$/;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectionjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -32,26 +32,26 @@
</span><span class="cx"> this._style = style || null;
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.className = WebInspector.CSSStyleDeclarationSection.StyleClassName;
</del><ins>+ this._element.className = "style-declaration-section";
</ins><span class="cx">
</span><span class="cx"> this._headerElement = document.createElement("div");
</span><del>- this._headerElement.className = WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName;
</del><ins>+ this._headerElement.className = "header";
</ins><span class="cx">
</span><span class="cx"> this._iconElement = document.createElement("img");
</span><del>- this._iconElement.className = WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName;
</del><ins>+ this._iconElement.className = "icon";
</ins><span class="cx"> this._headerElement.appendChild(this._iconElement);
</span><span class="cx">
</span><span class="cx"> this._selectorElement = document.createElement("span");
</span><del>- this._selectorElement.className = WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName;
</del><ins>+ this._selectorElement.className = "selector";
</ins><span class="cx"> this._selectorElement.setAttribute("spellcheck", "false");
</span><span class="cx"> this._headerElement.appendChild(this._selectorElement);
</span><span class="cx">
</span><span class="cx"> this._originElement = document.createElement("span");
</span><del>- this._originElement.className = WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName;
</del><ins>+ this._originElement.className = "origin";
</ins><span class="cx"> this._headerElement.appendChild(this._originElement);
</span><span class="cx">
</span><span class="cx"> this._propertiesElement = document.createElement("div");
</span><del>- this._propertiesElement.className = WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName;
</del><ins>+ this._propertiesElement.className = "properties";
</ins><span class="cx">
</span><span class="cx"> this._propertiesTextEditor = new WebInspector.CSSStyleDeclarationTextEditor(this, style);
</span><span class="cx"> this._propertiesElement.appendChild(this._propertiesTextEditor.element);
</span><span class="lines">@@ -106,15 +106,9 @@
</span><span class="cx"> this.refresh();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.CSSStyleDeclarationSection.StyleClassName = "style-declaration-section";
</del><span class="cx"> WebInspector.CSSStyleDeclarationSection.LockedStyleClassName = "locked";
</span><span class="cx"> WebInspector.CSSStyleDeclarationSection.SelectorLockedStyleClassName = "selector-locked";
</span><span class="cx"> WebInspector.CSSStyleDeclarationSection.LastInGroupStyleClassName = "last-in-group";
</span><del>-WebInspector.CSSStyleDeclarationSection.HeaderElementStyleClassName = "header";
-WebInspector.CSSStyleDeclarationSection.IconElementStyleClassName = "icon";
-WebInspector.CSSStyleDeclarationSection.SelectorElementStyleClassName = "selector";
-WebInspector.CSSStyleDeclarationSection.OriginElementStyleClassName = "origin";
-WebInspector.CSSStyleDeclarationSection.PropertiesElementStyleClassName = "properties";
</del><span class="cx"> WebInspector.CSSStyleDeclarationSection.MatchedSelectorElementStyleClassName = "matched";
</span><span class="cx">
</span><span class="cx"> WebInspector.CSSStyleDeclarationSection.AuthorStyleRuleIconStyleClassName = "author-style-rule-icon";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPaneljs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -39,7 +39,7 @@
</span><span class="cx">
</span><span class="cx"> if (WebInspector.cssStyleManager.canForcePseudoClasses()) {
</span><span class="cx"> this._forcedPseudoClassContainer = document.createElement("div");
</span><del>- this._forcedPseudoClassContainer.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName;
</del><ins>+ this._forcedPseudoClassContainer.className = "pseudo-classes";
</ins><span class="cx">
</span><span class="cx"> var groupElement = null;
</span><span class="cx">
</span><span class="lines">@@ -60,7 +60,7 @@
</span><span class="cx">
</span><span class="cx"> if (!groupElement || groupElement.children.length === 2) {
</span><span class="cx"> groupElement = document.createElement("div");
</span><del>- groupElement.className = WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName;
</del><ins>+ groupElement.className = "group";
</ins><span class="cx"> this._forcedPseudoClassContainer.appendChild(groupElement);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -226,6 +226,4 @@
</span><span class="cx"> }
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesElementStyleClassName = "pseudo-classes";
-WebInspector.CSSStyleDetailsSidebarPanel.PseudoClassesGroupElementStyleClassName = "group";
</del><span class="cx"> WebInspector.CSSStyleDetailsSidebarPanel.NoForcedPseudoClassesScrollOffset = 38; // Default height of the forced pseudo classes container. Updated in widthDidChange.
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsClusterContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ClusterContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, representedObject);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.ClusterContentView.StyleClassName);
</del><ins>+ this.element.classList.add("cluster");
</ins><span class="cx">
</span><span class="cx"> this._contentViewContainer = new WebInspector.ContentViewContainer();
</span><span class="cx"> this._contentViewContainer.addEventListener(WebInspector.ContentViewContainer.Event.CurrentContentViewDidChange, this._currentContentViewDidChange, this);
</span><span class="lines">@@ -38,8 +38,6 @@
</span><span class="cx"> WebInspector.ContentView.addEventListener(WebInspector.ContentView.Event.NumberOfSearchResultsDidChange, this._contentViewNumberOfSearchResultsDidChange, this);
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ClusterContentView.StyleClassName = "cluster";
-
</del><span class="cx"> WebInspector.ClusterContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.ClusterContentView,
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCompletionSuggestionsViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CompletionSuggestionsView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -34,10 +34,10 @@
</span><span class="cx"> this._selectedIndex = NaN;
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.className = WebInspector.CompletionSuggestionsView.StyleClassName;
</del><ins>+ this._element.className = "completion-suggestions";
</ins><span class="cx">
</span><span class="cx"> this._containerElement = document.createElement("div");
</span><del>- this._containerElement.className = WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName;
</del><ins>+ this._containerElement.className = "completion-suggestions-container";
</ins><span class="cx"> this._containerElement.addEventListener("mousedown", this._mouseDown.bind(this));
</span><span class="cx"> this._containerElement.addEventListener("mouseup", this._mouseUp.bind(this));
</span><span class="cx"> this._containerElement.addEventListener("click", this._itemClicked.bind(this));
</span><span class="lines">@@ -219,7 +219,5 @@
</span><span class="cx"> }
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.CompletionSuggestionsView.StyleClassName = "completion-suggestions";
-WebInspector.CompletionSuggestionsView.ContainerElementStyleClassName = "completion-suggestions-container";
</del><span class="cx"> WebInspector.CompletionSuggestionsView.ItemElementStyleClassName = "item";
</span><span class="cx"> WebInspector.CompletionSuggestionsView.SelectedItemStyleClassName = "selected";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsConsolePromptjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ConsolePrompt.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -31,7 +31,7 @@
</span><span class="cx"> mimeType = parseMIMEType(mimeType).type;
</span><span class="cx">
</span><span class="cx"> this._element = element || document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.ConsolePrompt.StyleClassName);
</del><ins>+ this._element.classList.add("console-prompt");
</ins><span class="cx"> this._element.classList.add(WebInspector.SyntaxHighlightedStyleClassName);
</span><span class="cx">
</span><span class="cx"> this._delegate = delegate || null;
</span><span class="lines">@@ -63,7 +63,6 @@
</span><span class="cx"> this._historyIndex = 0;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ConsolePrompt.StyleClassName = "console-prompt";
</del><span class="cx"> WebInspector.ConsolePrompt.MaximumHistorySize = 30;
</span><span class="cx">
</span><span class="cx"> WebInspector.ConsolePrompt.prototype = {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsContentBrowserjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this._element = element || document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.ContentBrowser.StyleClassName);
</del><ins>+ this._element.classList.add("content-browser");
</ins><span class="cx">
</span><span class="cx"> this._navigationBar = new WebInspector.NavigationBar;
</span><span class="cx"> this._element.appendChild(this._navigationBar.element);
</span><span class="lines">@@ -92,8 +92,6 @@
</span><span class="cx"> // FIXME: Move to a WebInspector.Object subclass and we can remove this.
</span><span class="cx"> WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.ContentBrowser);
</span><span class="cx">
</span><del>-WebInspector.ContentBrowser.StyleClassName = "content-browser";
-
</del><span class="cx"> WebInspector.ContentBrowser.Event = {
</span><span class="cx"> CurrentRepresentedObjectsDidChange: "content-browser-current-represented-objects-did-change",
</span><span class="cx"> CurrentContentViewDidChange: "content-browser-current-content-view-did-change"
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsContentFlowTreeElementjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentFlowTreeElement.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -34,10 +34,8 @@
</span><span class="cx"> {
</span><span class="cx"> console.assert(representedObject instanceof WebInspector.ContentFlow);
</span><span class="cx">
</span><del>- super([WebInspector.ContentFlowTreeElement.StyleClassName, WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName], representedObject.name, null, representedObject, false);
</del><ins>+ super("content-flow-icon", representedObject.name, null, representedObject, false);
</ins><span class="cx">
</span><span class="cx"> this.small = true;
</span><span class="cx"> }
</span><span class="cx"> };
</span><del>-
-WebInspector.ContentFlowTreeElement.ContentFlowIconStyleClassName = "content-flow-icon";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -132,7 +132,7 @@
</span><span class="cx"> this._representedObject = representedObject;
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.ContentView.StyleClassName);
</del><ins>+ this._element.classList.add("content-view");
</ins><span class="cx">
</span><span class="cx"> this._parentContainer = null;
</span><span class="cx"> };
</span><span class="lines">@@ -183,8 +183,6 @@
</span><span class="cx"> return false;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ContentView.StyleClassName = "content-view";
-
</del><span class="cx"> WebInspector.ContentView.Event = {
</span><span class="cx"> SelectionPathComponentsDidChange: "content-view-selection-path-components-did-change",
</span><span class="cx"> SupplementalRepresentedObjectsDidChange: "content-view-supplemental-represented-objects-did-change",
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsContentViewContainerjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentViewContainer.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,14 +29,12 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this._element = element || document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.ContentViewContainer.StyleClassName);
</del><ins>+ this._element.classList.add("content-view-container");
</ins><span class="cx">
</span><span class="cx"> this._backForwardList = [];
</span><span class="cx"> this._currentIndex = -1;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ContentViewContainer.StyleClassName = "content-view-container";
-
</del><span class="cx"> WebInspector.ContentViewContainer.Event = {
</span><span class="cx"> CurrentContentViewDidChange: "content-view-container-current-content-view-did-change"
</span><span class="cx"> };
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCookieStorageContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,13 +27,11 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, representedObject);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.CookieStorageContentView.StyleClassName);
</del><ins>+ this.element.classList.add("cookie-storage");
</ins><span class="cx">
</span><span class="cx"> this.update();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.CookieStorageContentView.StyleClassName = "cookie-storage";
-
</del><span class="cx"> WebInspector.CookieStorageContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.CookieStorageContentView,
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCookieStorageTreeElementjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CookieStorageTreeElement.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> {
</span><span class="cx"> console.assert(representedObject instanceof WebInspector.CookieStorageObject);
</span><span class="cx">
</span><del>- super(WebInspector.CookieStorageTreeElement.CookieIconStyleClassName, WebInspector.displayNameForHost(representedObject.host), representedObject);
</del><ins>+ super("cookie-icon", WebInspector.displayNameForHost(representedObject.host), representedObject);
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> // Public
</span><span class="lines">@@ -44,5 +44,3 @@
</span><span class="cx"> return WebInspector.UIString("Cookies");
</span><span class="cx"> }
</span><span class="cx"> };
</span><del>-
-WebInspector.CookieStorageTreeElement.CookieIconStyleClassName = "cookie-icon";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDOMStorageContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMStorageContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -28,7 +28,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, representedObject);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.DOMStorageContentView.StyleClassName);
</del><ins>+ this.element.classList.add("dom-storage");
</ins><span class="cx">
</span><span class="cx"> representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemsCleared, this.itemsCleared, this);
</span><span class="cx"> representedObject.addEventListener(WebInspector.DOMStorageObject.Event.ItemAdded, this.itemAdded, this);
</span><span class="lines">@@ -49,7 +49,6 @@
</span><span class="cx"> this._populate();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.DOMStorageContentView.StyleClassName = "dom-storage";
</del><span class="cx"> WebInspector.DOMStorageContentView.DuplicateKeyStyleClassName = "duplicate-key";
</span><span class="cx"> WebInspector.DOMStorageContentView.MissingKeyStyleClassName = "missing-key";
</span><span class="cx"> WebInspector.DOMStorageContentView.MissingValueStyleClassName = "missing-value";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDOMTreeContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -44,7 +44,7 @@
</span><span class="cx"> this._showsShadowDOMButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleShowsShadowDOMSetting, this);
</span><span class="cx"> this._showShadowDOMSettingChanged();
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.DOMTreeContentView.StyleClassName);
</del><ins>+ this.element.classList.add("dom-tree");
</ins><span class="cx"> this.element.addEventListener("click", this._mouseWasClicked.bind(this), false);
</span><span class="cx">
</span><span class="cx"> this._domTreeOutline = new WebInspector.DOMTreeOutline(true, true, true);
</span><span class="lines">@@ -63,8 +63,6 @@
</span><span class="cx"> this._numberOfSearchResults = null;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.DOMTreeContentView.StyleClassName = "dom-tree";
-
</del><span class="cx"> WebInspector.DOMTreeContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.DOMTreeContentView,
</span><span class="cx"> __proto__: WebInspector.ContentView.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDashboardViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -34,7 +34,7 @@
</span><span class="cx"> this._representedObject = representedObject;
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.DashboardView.StyleClassName);
</del><ins>+ this._element.classList.add("dashboard");
</ins><span class="cx"> this._element.classList.add(identifier);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -83,5 +83,3 @@
</span><span class="cx"> // Implemented by subclasses.
</span><span class="cx"> }
</span><span class="cx"> };
</span><del>-
-WebInspector.DashboardView.StyleClassName = "dashboard";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDatabaseTableContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DatabaseTableContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, representedObject);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.DatabaseTableContentView.StyleClassName);
</del><ins>+ this.element.classList.add("database-table");
</ins><span class="cx">
</span><span class="cx"> this._refreshButtonNavigationItem = new WebInspector.ButtonNavigationItem("database-table-refresh", WebInspector.UIString("Refresh"), "Images/ReloadFull.svg", 13, 13);
</span><span class="cx"> this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
</span><span class="lines">@@ -35,8 +35,6 @@
</span><span class="cx"> this.update();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.DatabaseTableContentView.StyleClassName = "database-table";
-
</del><span class="cx"> WebInspector.DatabaseTableContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.DatabaseTableContentView,
</span><span class="cx"> __proto__: WebInspector.ContentView.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDebuggerDashboardViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerDashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -41,16 +41,16 @@
</span><span class="cx"> this._navigationBar.addNavigationItem(this._debuggerResumeButtonItem);
</span><span class="cx">
</span><span class="cx"> var message = this._messageElement = document.createElement("div");
</span><del>- message.classList.add(WebInspector.DebuggerDashboardView.MessageStyleClassName);
</del><ins>+ message.classList.add("message");
</ins><span class="cx"> message.title = message.textContent = WebInspector.UIString("Debugger Paused");
</span><span class="cx"> this.element.appendChild(message);
</span><span class="cx">
</span><span class="cx"> var dividerElement = document.createElement("div");
</span><del>- dividerElement.classList.add(WebInspector.DebuggerDashboardView.DividerStyleClassName);
</del><ins>+ dividerElement.classList.add("divider");
</ins><span class="cx"> this.element.appendChild(dividerElement);
</span><span class="cx">
</span><span class="cx"> var locationElement = this._locationElement = document.createElement("div");
</span><del>- locationElement.classList.add(WebInspector.DebuggerDashboardView.LocationStyleClassName);
</del><ins>+ locationElement.classList.add("location");
</ins><span class="cx"> this.element.appendChild(locationElement);
</span><span class="cx">
</span><span class="cx"> this._rebuildLocation();
</span><span class="lines">@@ -80,12 +80,12 @@
</span><span class="cx"> this._locationElement.appendChild(iconElement);
</span><span class="cx">
</span><span class="cx"> var iconImageElement = document.createElement("img");
</span><del>- iconImageElement.className = WebInspector.DebuggerDashboardView.IconStyleClassName;
</del><ins>+ iconImageElement.className = "icon";
</ins><span class="cx"> iconElement.appendChild(iconImageElement);
</span><span class="cx">
</span><span class="cx"> var nameElement = document.createElement("div");
</span><span class="cx"> nameElement.appendChild(document.createTextNode(functionName));
</span><del>- nameElement.classList.add(WebInspector.DebuggerDashboardView.FunctionNameStyleClassName);
</del><ins>+ nameElement.classList.add("function-name");
</ins><span class="cx"> this._locationElement.appendChild(nameElement);
</span><span class="cx">
</span><span class="cx"> var sourceCodeLocation = WebInspector.debuggerManager.activeCallFrame.sourceCodeLocation;
</span><span class="lines">@@ -102,9 +102,3 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.DebuggerDashboardView.FunctionIconStyleClassName = WebInspector.CallFrameView.FunctionIconStyleClassName;
</span><span class="cx"> WebInspector.DebuggerDashboardView.EventListenerIconStyleClassName = WebInspector.CallFrameView.EventListenerIconStyleClassName;
</span><del>-
-WebInspector.DebuggerDashboardView.IconStyleClassName = "icon";
-WebInspector.DebuggerDashboardView.MessageStyleClassName = "message";
-WebInspector.DebuggerDashboardView.DividerStyleClassName = "divider";
-WebInspector.DebuggerDashboardView.LocationStyleClassName = "location";
-WebInspector.DebuggerDashboardView.FunctionNameStyleClassName = "function-name";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectionjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -36,7 +36,7 @@
</span><span class="cx">
</span><span class="cx"> this._headerElement = document.createElement("div");
</span><span class="cx"> this._headerElement.addEventListener("click", this._headerElementClicked.bind(this));
</span><del>- this._headerElement.className = WebInspector.DetailsSection.HeaderElementStyleClassName;
</del><ins>+ this._headerElement.className = "header";
</ins><span class="cx"> this._element.appendChild(this._headerElement);
</span><span class="cx">
</span><span class="cx"> if (optionsElement instanceof HTMLElement) {
</span><span class="lines">@@ -50,7 +50,7 @@
</span><span class="cx"> this._headerElement.appendChild(this._titleElement);
</span><span class="cx">
</span><span class="cx"> this._contentElement = document.createElement("div");
</span><del>- this._contentElement.className = WebInspector.DetailsSection.ContentElementStyleClassName;
</del><ins>+ this._contentElement.className = "content";
</ins><span class="cx"> this._element.appendChild(this._contentElement);
</span><span class="cx">
</span><span class="cx"> this._generateDisclosureTrianglesIfNeeded();
</span><span class="lines">@@ -160,9 +160,6 @@
</span><span class="cx"> }
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.DetailsSection.HeaderElementStyleClassName = "header";
-WebInspector.DetailsSection.TitleElementStyleClassName = "title";
-WebInspector.DetailsSection.ContentElementStyleClassName = "content";
</del><span class="cx"> WebInspector.DetailsSection.CollapsedStyleClassName = "collapsed";
</span><span class="cx"> WebInspector.DetailsSection.MouseOverOptionsElementStyleClassName = "mouse-over-options-element";
</span><span class="cx"> WebInspector.DetailsSection.DisclosureTriangleOpenCanvasIdentifier = "details-section-disclosure-triangle-open";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectionSimpleRowjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSectionSimpleRow.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -32,11 +32,11 @@
</span><span class="cx"> this.element.classList.add("simple");
</span><span class="cx">
</span><span class="cx"> this._labelElement = document.createElement("div");
</span><del>- this._labelElement.className = WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName;
</del><ins>+ this._labelElement.className = "label";
</ins><span class="cx"> this.element.appendChild(this._labelElement);
</span><span class="cx">
</span><span class="cx"> this._valueElement = document.createElement("div");
</span><del>- this._valueElement.className = WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName;
</del><ins>+ this._valueElement.className = "value";
</ins><span class="cx"> this.element.appendChild(this._valueElement);
</span><span class="cx">
</span><span class="cx"> // Workaround for <rdar://problem/12668870> Triple-clicking text within a
</span><span class="lines">@@ -113,5 +113,3 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.DetailsSectionSimpleRow.DataStyleClassName = "data";
</span><span class="cx"> WebInspector.DetailsSectionSimpleRow.EmptyStyleClassName = "empty";
</span><del>-WebInspector.DetailsSectionSimpleRow.LabelElementStyleClassName = "label";
-WebInspector.DetailsSectionSimpleRow.ValueElementStyleClassName = "value";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsFontResourceContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FontResourceContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -25,7 +25,7 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.FontResourceContentView = function(resource)
</span><span class="cx"> {
</span><del>- WebInspector.ResourceContentView.call(this, resource, WebInspector.FontResourceContentView.StyleClassName);
</del><ins>+ WebInspector.ResourceContentView.call(this, resource, "font");
</ins><span class="cx">
</span><span class="cx"> this._styleElement = null;
</span><span class="cx"> this._previewElement = null;
</span><span class="lines">@@ -33,16 +33,6 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.FontResourceContentView._uniqueFontIdentifier = 0;
</span><span class="cx">
</span><del>-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";
</del><span class="cx"> WebInspector.FontResourceContentView.PreviewLines = ["ABCDEFGHIJKLM", "NOPQRSTUVWXYZ", "abcdefghijklm", "nopqrstuvwxyz", "1234567890"];
</span><span class="cx">
</span><span class="cx"> WebInspector.FontResourceContentView.MaximumFontSize = 72;
</span><span class="lines">@@ -96,29 +86,29 @@
</span><span class="cx"> document.head.appendChild(this._styleElement);
</span><span class="cx">
</span><span class="cx"> this._previewElement = document.createElement("div");
</span><del>- this._previewElement.className = WebInspector.FontResourceContentView.PreviewElementStyleClassName;
</del><ins>+ this._previewElement.className = "preview";
</ins><span class="cx"> this._previewElement.style.fontFamily = uniqueFontName;
</span><span class="cx">
</span><span class="cx"> function createMetricElement(className)
</span><span class="cx"> {
</span><span class="cx"> var metricElement = document.createElement("div");
</span><del>- metricElement.className = WebInspector.FontResourceContentView.MetricElementStyleClassName + " " + className;
</del><ins>+ metricElement.className = "metric " + className;
</ins><span class="cx"> return metricElement;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> var lines = WebInspector.FontResourceContentView.PreviewLines;
</span><span class="cx"> for (var i = 0; i < lines.length; ++i) {
</span><span class="cx"> var lineElement = document.createElement("div");
</span><del>- lineElement.className = WebInspector.FontResourceContentView.LineElementStyleClassName;
</del><ins>+ lineElement.className = "line";
</ins><span class="cx">
</span><del>- 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));
</del><ins>+ lineElement.appendChild(createMetricElement("top"));
+ lineElement.appendChild(createMetricElement("xheight"));
+ lineElement.appendChild(createMetricElement("middle"));
+ lineElement.appendChild(createMetricElement("baseline"));
+ lineElement.appendChild(createMetricElement("bottom"));
</ins><span class="cx">
</span><span class="cx"> var contentElement = document.createElement("div");
</span><del>- contentElement.className = WebInspector.FontResourceContentView.ContentElementStyleClassName;
</del><ins>+ contentElement.className = "content";
</ins><span class="cx"> contentElement.textContent = lines[i];
</span><span class="cx"> lineElement.appendChild(contentElement);
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsHierarchicalPathComponentjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/HierarchicalPathComponent.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -48,21 +48,21 @@
</span><span class="cx">
</span><span class="cx"> if (!textOnly) {
</span><span class="cx"> this._iconElement = document.createElement("img");
</span><del>- this._iconElement.className = WebInspector.HierarchicalPathComponent.IconElementStyleClassName;
</del><ins>+ this._iconElement.className = "icon";
</ins><span class="cx"> this._element.appendChild(this._iconElement);
</span><span class="cx"> } else
</span><span class="cx"> this._element.classList.add(WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName);
</span><span class="cx">
</span><span class="cx"> this._titleElement = document.createElement("div");
</span><del>- this._titleElement.className = WebInspector.HierarchicalPathComponent.TitleElementStyleClassName;
</del><ins>+ this._titleElement.className = "title";
</ins><span class="cx"> this._element.appendChild(this._titleElement);
</span><span class="cx">
</span><span class="cx"> this._titleContentElement = document.createElement("div");
</span><del>- this._titleContentElement.className = WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName;
</del><ins>+ this._titleContentElement.className = "content";
</ins><span class="cx"> this._titleElement.appendChild(this._titleContentElement);
</span><span class="cx">
</span><span class="cx"> this._separatorElement = document.createElement("div");
</span><del>- this._separatorElement.className = WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName;
</del><ins>+ this._separatorElement.className = "separator";
</ins><span class="cx"> this._element.appendChild(this._separatorElement);
</span><span class="cx">
</span><span class="cx"> this._selectElement = document.createElement("select");
</span><span class="lines">@@ -198,7 +198,7 @@
</span><span class="cx"> {
</span><span class="cx"> if (flag) {
</span><span class="cx"> this._selectorArrowsElement = document.createElement("img");
</span><del>- this._selectorArrowsElement.className = WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName;
</del><ins>+ this._selectorArrowsElement.className = "selector-arrows";
</ins><span class="cx"> this._element.insertBefore(this._selectorArrowsElement, this._separatorElement);
</span><span class="cx">
</span><span class="cx"> this._element.classList.add(WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName);
</span><span class="lines">@@ -316,13 +316,8 @@
</span><span class="cx">
</span><span class="cx"> WebInspector.HierarchicalPathComponent.HiddenStyleClassName = "hidden";
</span><span class="cx"> WebInspector.HierarchicalPathComponent.CollapsedStyleClassName = "collapsed";
</span><del>-WebInspector.HierarchicalPathComponent.IconElementStyleClassName = "icon";
</del><span class="cx"> WebInspector.HierarchicalPathComponent.TextOnlyStyleClassName = "text-only";
</span><span class="cx"> WebInspector.HierarchicalPathComponent.ShowSelectorArrowsStyleClassName = "show-selector-arrows";
</span><del>-WebInspector.HierarchicalPathComponent.TitleElementStyleClassName = "title";
-WebInspector.HierarchicalPathComponent.TitleContentElementStyleClassName = "content";
-WebInspector.HierarchicalPathComponent.SelectorArrowsElementStyleClassName = "selector-arrows";
-WebInspector.HierarchicalPathComponent.SeparatorElementStyleClassName = "separator";
</del><span class="cx">
</span><span class="cx"> WebInspector.HierarchicalPathComponent.MinimumWidth = 32;
</span><span class="cx"> WebInspector.HierarchicalPathComponent.MinimumWidthCollapsed = 24;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsIndexedDatabaseObjectStoreContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/IndexedDatabaseObjectStoreContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, objectStoreOrIndex);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName);
</del><ins>+ this.element.classList.add("indexed-database-object-store");
</ins><span class="cx">
</span><span class="cx"> if (objectStoreOrIndex instanceof WebInspector.IndexedDatabaseObjectStore) {
</span><span class="cx"> this._objectStore = objectStoreOrIndex;
</span><span class="lines">@@ -77,8 +77,6 @@
</span><span class="cx"> this._refreshButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._refreshButtonClicked, this);
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.IndexedDatabaseObjectStoreContentView.StyleClassName = "indexed-database-object-store";
-
</del><span class="cx"> WebInspector.IndexedDatabaseObjectStoreContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.IndexedDatabaseObjectStoreContentView,
</span><span class="cx"> __proto__: WebInspector.ContentView.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsLayoutTimelineOverviewGraphjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LayoutTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.TimelineOverviewGraph.call(this, timeline);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.LayoutTimelineOverviewGraph.StyleClassName);
</del><ins>+ this.element.classList.add("layout");
</ins><span class="cx">
</span><span class="cx"> this._layoutTimeline = timeline;
</span><span class="cx"> this._layoutTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._layoutTimelineRecordAdded, this);
</span><span class="lines">@@ -37,8 +37,6 @@
</span><span class="cx"> this.reset();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.LayoutTimelineOverviewGraph.StyleClassName = "layout";
-
</del><span class="cx"> WebInspector.LayoutTimelineOverviewGraph.prototype = {
</span><span class="cx"> constructor: WebInspector.LayoutTimelineOverviewGraph,
</span><span class="cx"> __proto__: WebInspector.TimelineOverviewGraph.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsNetworkTimelineOverviewGraphjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NetworkTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -28,7 +28,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.TimelineOverviewGraph.call(this, timeline);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.NetworkTimelineOverviewGraph.StyleClassName);
</del><ins>+ this.element.classList.add("network");
</ins><span class="cx">
</span><span class="cx"> timeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._networkTimelineRecordAdded, this);
</span><span class="cx"> timeline.addEventListener(WebInspector.Timeline.Event.TimesUpdated, this.needsLayout, this);
</span><span class="lines">@@ -36,7 +36,6 @@
</span><span class="cx"> this.reset();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.NetworkTimelineOverviewGraph.StyleClassName = "network";
</del><span class="cx"> WebInspector.NetworkTimelineOverviewGraph.GraphRowStyleClassName = "graph-row";
</span><span class="cx"> WebInspector.NetworkTimelineOverviewGraph.BarStyleClassName = "bar";
</span><span class="cx"> WebInspector.NetworkTimelineOverviewGraph.InactiveBarStyleClassName = "inactive";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsOverviewTimelineViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/OverviewTimelineView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -44,7 +44,7 @@
</span><span class="cx"> this._currentTimeMarker = new WebInspector.TimelineMarker(0, WebInspector.TimelineMarker.Type.CurrentTime);
</span><span class="cx"> this._timelineRuler.addMarker(this._currentTimeMarker);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.OverviewTimelineView.StyleClassName);
</del><ins>+ this.element.classList.add("overview");
</ins><span class="cx"> this.element.appendChild(this._dataGrid.element);
</span><span class="cx">
</span><span class="cx"> this._networkTimeline = recording.timelines.get(WebInspector.TimelineRecord.Type.Network);
</span><span class="lines">@@ -55,8 +55,6 @@
</span><span class="cx"> this._pendingRepresentedObjects = [];
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.OverviewTimelineView.StyleClassName = "overview";
-
</del><span class="cx"> WebInspector.OverviewTimelineView.prototype = {
</span><span class="cx"> constructor: WebInspector.OverviewTimelineView,
</span><span class="cx"> __proto__: WebInspector.TimelineView.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsProbeSetDetailsSectionjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ProbeSetDetailsSection.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -149,4 +149,3 @@
</span><span class="cx"> WebInspector.ProbeSetDetailsSection.ProbeClearSamplesStyleClassName = "probe-clear-samples";
</span><span class="cx"> WebInspector.ProbeSetDetailsSection.ProbeRemoveStyleClassName = "probe-remove";
</span><span class="cx"> WebInspector.ProbeSetDetailsSection.SectionOptionsStyleClassName = "options";
</span><del>-WebInspector.ProbeSetDetailsSection.StyleClassName = "probe-set";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsQuickConsolejs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -42,7 +42,7 @@
</span><span class="cx"> this._element.classList.add("quick-console");
</span><span class="cx">
</span><span class="cx"> this.prompt = new WebInspector.ConsolePrompt(null, "text/javascript");
</span><del>- this.prompt.element.classList.add(WebInspector.QuickConsole.TextPromptStyleClassName);
</del><ins>+ this.prompt.element.classList.add("text-prompt");
</ins><span class="cx"> this._element.appendChild(this.prompt.element);
</span><span class="cx">
</span><span class="cx"> // FIXME: CodeMirror 4 has a default "Esc" key handler that always prevents default.
</span><span class="lines">@@ -340,9 +340,6 @@
</span><span class="cx"> };
</span><span class="cx">
</span><span class="cx"> WebInspector.QuickConsole.ShowingLogClassName = "showing-log";
</span><del>-WebInspector.QuickConsole.NavigationBarContainerStyleClassName = "navigation-bar-container";
-WebInspector.QuickConsole.NavigationBarSpacerStyleClassName = "navigation-bar-spacer";
-WebInspector.QuickConsole.TextPromptStyleClassName = "text-prompt";
</del><span class="cx">
</span><span class="cx"> WebInspector.QuickConsole.ToolbarSingleLineHeight = 21;
</span><span class="cx"> WebInspector.QuickConsole.ToolbarPromptPadding = 4;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsReplayDashboardViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ReplayDashboardView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -114,7 +114,3 @@
</span><span class="cx"> this._replayButtonItem.toggled = false;
</span><span class="cx"> }
</span><span class="cx"> };
</span><del>-
-WebInspector.ReplayDashboardView.RecordingContainerStyleClassName = "recording-container";
-WebInspector.ReplayDashboardView.RecordButtonStyleClassName = "record-button";
-WebInspector.ReplayDashboardView.ReplayButtonStyleClassName = "replay-button";
</del></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsScriptContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, script);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.ScriptContentView.StyleClassName);
</del><ins>+ this.element.classList.add("script");
</ins><span class="cx">
</span><span class="cx"> // Append a spinner while waiting for _contentWillPopulate.
</span><span class="cx"> var spinner = new WebInspector.IndeterminateProgressSpinner;
</span><span class="lines">@@ -63,8 +63,6 @@
</span><span class="cx"> WebInspector.showJavaScriptTypeInformationSetting.addEventListener(WebInspector.Setting.Event.Changed, this._showJavaScriptTypeInformationSettingChanged, this);
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ScriptContentView.StyleClassName = "script";
-
</del><span class="cx"> WebInspector.ScriptContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.ScriptContentView,
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsScriptTimelineOverviewGraphjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScriptTimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.TimelineOverviewGraph.call(this, timeline);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.ScriptTimelineOverviewGraph.StyleClassName);
</del><ins>+ this.element.classList.add("script");
</ins><span class="cx">
</span><span class="cx"> this._scriptTimeline = timeline;
</span><span class="cx"> this._scriptTimeline.addEventListener(WebInspector.Timeline.Event.RecordAdded, this._scriptTimelineRecordAdded, this);
</span><span class="lines">@@ -37,8 +37,6 @@
</span><span class="cx"> this.reset();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.ScriptTimelineOverviewGraph.StyleClassName = "script";
-
</del><span class="cx"> WebInspector.ScriptTimelineOverviewGraph.prototype = {
</span><span class="cx"> constructor: WebInspector.ScriptTimelineOverviewGraph,
</span><span class="cx"> __proto__: WebInspector.TimelineOverviewGraph.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTextContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -27,7 +27,7 @@
</span><span class="cx"> {
</span><span class="cx"> WebInspector.ContentView.call(this, string);
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.TextContentView.StyleClassName);
</del><ins>+ this.element.classList.add("text");
</ins><span class="cx">
</span><span class="cx"> this._textEditor = new WebInspector.TextEditor;
</span><span class="cx"> this._textEditor.addEventListener(WebInspector.TextEditor.Event.NumberOfSearchResultsDidChange, this._numberOfSearchResultsDidChange, this);
</span><span class="lines">@@ -51,8 +51,6 @@
</span><span class="cx"> this._showTypesButtonNavigationItem.enabled = false;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.TextContentView.StyleClassName = "text";
-
</del><span class="cx"> WebInspector.TextContentView.prototype = {
</span><span class="cx"> constructor: WebInspector.TextContentView,
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineOverviewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverview.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -33,11 +33,11 @@
</span><span class="cx"> this._recording.addEventListener(WebInspector.TimelineRecording.Event.TimelineRemoved, this._timelineRemoved, this);
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.className = WebInspector.TimelineOverview.StyleClassName;
</del><ins>+ this._element.className = "timeline-overview";
</ins><span class="cx"> this._element.addEventListener("wheel", this._handleWheelEvent.bind(this));
</span><span class="cx">
</span><span class="cx"> this._graphsContainerElement = document.createElement("div");
</span><del>- this._graphsContainerElement.className = WebInspector.TimelineOverview.GraphsContainerStyleClassName;
</del><ins>+ this._graphsContainerElement.className = "graphs-container";
</ins><span class="cx"> this._element.appendChild(this._graphsContainerElement);
</span><span class="cx">
</span><span class="cx"> this._timelineOverviewGraphsMap = new Map;
</span><span class="lines">@@ -52,12 +52,12 @@
</span><span class="cx"> this._timelineRuler.addMarker(this._currentTimeMarker);
</span><span class="cx">
</span><span class="cx"> this._scrollContainerElement = document.createElement("div");
</span><del>- this._scrollContainerElement.className = WebInspector.TimelineOverview.ScrollContainerStyleClassName;
</del><ins>+ this._scrollContainerElement.className = "scroll-container";
</ins><span class="cx"> this._scrollContainerElement.addEventListener("scroll", this._handleScrollEvent.bind(this));
</span><span class="cx"> this._element.appendChild(this._scrollContainerElement);
</span><span class="cx">
</span><span class="cx"> this._scrollWidthSizer = document.createElement("div");
</span><del>- this._scrollWidthSizer.className = WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName;
</del><ins>+ this._scrollWidthSizer.className = "scroll-width-sizer";
</ins><span class="cx"> this._scrollContainerElement.appendChild(this._scrollWidthSizer);
</span><span class="cx">
</span><span class="cx"> this._defaultSettingsValues = defaultSettingsValues;
</span><span class="lines">@@ -85,10 +85,6 @@
</span><span class="cx"> this._resetSelection();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.TimelineOverview.StyleClassName = "timeline-overview";
-WebInspector.TimelineOverview.GraphsContainerStyleClassName = "graphs-container";
-WebInspector.TimelineOverview.ScrollContainerStyleClassName = "scroll-container";
-WebInspector.TimelineOverview.ScrollWidthSizerStyleClassName = "scroll-width-sizer";
</del><span class="cx"> WebInspector.TimelineOverview.ScrollDeltaDenominator = 500;
</span><span class="cx">
</span><span class="cx"> WebInspector.TimelineOverview.Event = {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineOverviewGraphjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineOverviewGraph.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -53,7 +53,7 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this.element = document.createElement("div");
</span><del>- this.element.classList.add(WebInspector.TimelineOverviewGraph.StyleClassName);
</del><ins>+ this.element.classList.add("timeline-overview-graph");
</ins><span class="cx">
</span><span class="cx"> this._zeroTime = 0;
</span><span class="cx"> this._startTime = 0;
</span><span class="lines">@@ -62,8 +62,6 @@
</span><span class="cx"> this._timelineOverview = null;
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.TimelineOverviewGraph.StyleClassName = "timeline-overview-graph";
-
</del><span class="cx"> WebInspector.TimelineOverviewGraph.prototype = {
</span><span class="cx"> constructor: WebInspector.TimelineOverviewGraph,
</span><span class="cx"> __proto__: WebInspector.Object.prototype,
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordBarjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordBar.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.TimelineRecordBar.StyleClassName);
</del><ins>+ this._element.classList.add("timeline-record-bar");
</ins><span class="cx">
</span><span class="cx"> this.renderMode = renderMode;
</span><span class="cx"> this.records = records;
</span><span class="lines">@@ -38,7 +38,6 @@
</span><span class="cx"> // FIXME: Move to a WebInspector.Object subclass and we can remove this.
</span><span class="cx"> WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordBar);
</span><span class="cx">
</span><del>-WebInspector.TimelineRecordBar.StyleClassName = "timeline-record-bar";
</del><span class="cx"> WebInspector.TimelineRecordBar.BarSegmentStyleClassName = "segment";
</span><span class="cx"> WebInspector.TimelineRecordBar.InactiveStyleClassName = "inactive";
</span><span class="cx"> WebInspector.TimelineRecordBar.UnfinishedStyleClassName = "unfinished";
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordFramejs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordFrame.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,7 +29,7 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.classList.add(WebInspector.TimelineRecordFrame.StyleClassName);
</del><ins>+ this._element.classList.add("timeline-record-frame");
</ins><span class="cx">
</span><span class="cx"> this._graphDataSource = graphDataSource;
</span><span class="cx"> this._record = record || null;
</span><span class="lines">@@ -38,7 +38,6 @@
</span><span class="cx"> // FIXME: Move to a WebInspector.Object subclass and we can remove this.
</span><span class="cx"> WebInspector.Object.deprecatedAddConstructorFunctions(WebInspector.TimelineRecordFrame);
</span><span class="cx">
</span><del>-WebInspector.TimelineRecordFrame.StyleClassName = "timeline-record-frame";
</del><span class="cx"> WebInspector.TimelineRecordFrame.MaximumWidthPixels = 16;
</span><span class="cx"> WebInspector.TimelineRecordFrame.MinimumWidthPixels = 4;
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineRecordingContentViewjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRecordingContentView.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -34,7 +34,7 @@
</span><span class="cx"> this._recording = recording;
</span><span class="cx"> this._timelineSidebarPanel = extraArguments.timelineSidebarPanel;
</span><span class="cx">
</span><del>- this.element.classList.add(WebInspector.TimelineRecordingContentView.StyleClassName);
</del><ins>+ this.element.classList.add("timeline-recording");
</ins><span class="cx">
</span><span class="cx"> this._linearTimelineOverview = new WebInspector.LinearTimelineOverview(this._recording);
</span><span class="cx"> this._linearTimelineOverview.addEventListener(WebInspector.TimelineOverview.Event.TimeRangeSelectionChanged, this._timeRangeSelectionChanged, this);
</span><span class="lines">@@ -84,8 +84,6 @@
</span><span class="cx"> this.showOverviewTimelineView();
</span><span class="cx"> };
</span><span class="cx">
</span><del>-WebInspector.TimelineRecordingContentView.StyleClassName = "timeline-recording";
-
</del><span class="cx"> WebInspector.TimelineRecordingContentView.SelectedTimelineTypeCookieKey = "timeline-recording-content-view-selected-timeline-type";
</span><span class="cx"> WebInspector.TimelineRecordingContentView.OverviewTimelineViewCookieValue = "timeline-recording-content-view-overview-timeline-view";
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineRulerjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js (184818 => 184819)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js 2015-05-23 06:04:14 UTC (rev 184818)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineRuler.js 2015-05-23 06:27:24 UTC (rev 184819)
</span><span class="lines">@@ -29,14 +29,14 @@
</span><span class="cx"> // WebInspector.Object.call(this);
</span><span class="cx">
</span><span class="cx"> this._element = document.createElement("div");
</span><del>- this._element.className = WebInspector.TimelineRuler.StyleClassName;
</del><ins>+ this._element.className = "timeline-ruler";
</ins><span class="cx">
</span><span class="cx"> this._headerElement = document.createElement("div");
</span><del>- this._headerElement.className = WebInspector.TimelineRuler.HeaderElementStyleClassName;
</del><ins>+ this._headerElement.className = "header";
</ins><span class="cx"> this._element.appendChild(this._headerElement);
</span><span class="cx">
</span><span class="cx"> this._markersElement = document.createElement("div");
</span><del>- this._markersElement.className = WebInspector.TimelineRuler.MarkersElementStyleClassName;
</del><ins>+ this._markersElement.className = "markers";
</ins><span class="cx"> this._element.appendChild(this._markersElement);
</span><span class="cx">
</span><span class="cx"> this._zeroTime = 0;
</span><span class="lines">@@ -57,19 +57,10 @@
</span><span class="cx"> WebInspector.TimelineRuler.MinimumLeftDividerSpacing = 48;
</span><span class="cx"> WebInspector.TimelineRuler.MinimumDividerSpacing = 64;
</span><span class="cx">
</span><del>-WebInspector.TimelineRuler.StyleClassName = "timeline-ruler";
</del><span class="cx"> WebInspector.TimelineRuler.AllowsTimeRangeSelectionStyleClassName = "allows-time-range-selection";
</span><del>-WebInspector.TimelineRuler.HeaderElementStyleClassName = "header";
</del><span class="cx"> WebInspector.TimelineRuler.DividerElementStyleClassName = "divider";
</span><span class="cx"> WebInspector.TimelineRuler.DividerLabelElementStyleClassName = "label";
</span><span class="cx">
</span><del>-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";
</del><span class="cx"> WebInspector.TimelineRuler.MinimumSelectionTimeRange = 0.01;
</span><span class="cx">
</span><span class="cx"> WebInspector.TimelineRuler.Event = {
</span><span class="lines">@@ -130,25 +121,25 @@
</span><span class="cx"> this._element.addEventListener("mousedown", this._mouseDownEventListener);
</span><span class="cx">
</span><span class="cx"> this._leftShadedAreaElement = document.createElement("div");
</span><del>- this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
- this._leftShadedAreaElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
</del><ins>+ this._leftShadedAreaElement.classList.add("shaded-area");
+ this._leftShadedAreaElement.classList.add("left");
</ins><span class="cx">
</span><span class="cx"> this._rightShadedAreaElement = document.createElement("div");
</span><del>- this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.ShadedAreaElementStyleClassName);
- this._rightShadedAreaElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
</del><ins>+ this._rightShadedAreaElement.classList.add("shaded-area");
+ this._rightShadedAreaElement.classList.add("right");
</ins><span class="cx">
</span><span class="cx"> this._leftSelectionHandleElement = document.createElement("div");
</span><del>- this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
- this._leftSelectionHandleElement.classList.add(WebInspector.TimelineRuler.LeftSelectionElementStyleClassName);
</del><ins>+ this._leftSelectionHandleElement.classList.add("selection-handle");
+ this._leftSelectionHandleElement.classList.add("left");
</ins><span class="cx"> this._leftSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
</span><span class="cx">
</span><span class="cx"> this._rightSelectionHandleElement = document.createElement("div");
</span><del>- this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.SelectionHandleElementStyleClassName);
- this._rightSelectionHandleElement.classList.add(WebInspector.TimelineRuler.RightSelectionElementStyleClassName);
</del><ins>+ this._rightSelectionHandleElement.classList.add("selection-handle");
+ this._rightSelectionHandleElement.classList.add("right");
</ins><span class="cx"> this._rightSelectionHandleElement.addEventListener("mousedown", this._handleSelectionHandleMouseDown.bind(this));
</span><span class="cx">
</span><span class="cx"> this._selectionDragElement = document.createElement("div");
</span><del>- this._selectionDragElement.classList.add(WebInspector.TimelineRuler.SelectionDragElementStyleClassName);
</del><ins>+ this._selectionDragElement.classList.add("selection-drag");
</ins><span class="cx">
</span><span class="cx"> this._needsSelectionLayout();
</span><span class="cx"> } else {
</span><span class="lines">@@ -304,7 +295,7 @@
</span><span class="cx"> marker.addEventListener(WebInspector.TimelineMarker.Event.TimeChanged, this._timelineMarkerTimeChanged, this);
</span><span class="cx">
</span><span class="cx"> var markerElement = document.createElement("div");
</span><del>- markerElement.classList.add(marker.type, WebInspector.TimelineRuler.BaseMarkerElementStyleClassName);
</del><ins>+ markerElement.classList.add(marker.type, "marker");
</ins><span class="cx">
</span><span class="cx"> this._markerElementMap.set(marker, markerElement);
</span><span class="cx">
</span></span></pre>
</div>
</div>
</body>
</html>