<!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>[171134] 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/171134">171134</a></dd>
<dt>Author</dt> <dd>jonowells@apple.com</dd>
<dt>Date</dt> <dd>2014-07-15 20:07:03 -0700 (Tue, 15 Jul 2014)</dd>
</dl>
<h3>Log Message</h3>
<pre>Web Inspector: Modernize UI styles and better sync with platform styles
https://bugs.webkit.org/show_bug.cgi?id=134846
Reviewed by Timothy Hatcher.
Updated styles to better match the OS UI design. Updated the forward/back button.
Moved several rules to selectors that support older OS designs. Added global platform
data to support this patch.
* UserInterface/Images/BackArrow.svg: Added.
* UserInterface/Images/BackArrowLegacy.svg: Copied from Source/WebInspectorUI/UserInterface/Images/BackArrow.svg.
* UserInterface/Images/ForwardArrow.svg: Added.
* UserInterface/Images/ForwardArrowLegacy.svg: Copied from Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg.
* UserInterface/Base/ImageUtilities.js: Updated image version
(.generateImage.generateModernImage):
(.generateImage.generateLegacyImage):
(.generateImage):
Updated image generation to support modern look. Updated versioning scheme and version.
* UserInterface/Base/Main.js:
(WebInspector.loaded):
(WebInspector.contentLoaded.WebInspector.Platform.version.toString):
(WebInspector.contentLoaded.WebInspector.Platform.toString):
(WebInspector.contentLoaded):
Added global platform information.
* UserInterface/Views/ContentBrowser.js:
(WebInspector.ContentBrowser):
Updated back and forward buttons.
* UserInterface/Views/FindBanner.js:
(WebInspector.FindBanner.prototype._generateButtonsGlyphsIfNeeded):
Updated images for the find banner.
* WebInspectorUI.vcxproj/WebInspectorUI.vcxproj:
* WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters:
Added new images.
* UserInterface/Views/ButtonToolbarItem.css:
(.toolbar .item.button > .label):
(body.mac-platform.legacy .toolbar .item.button > .label):
* UserInterface/Views/CSSStyleDeclarationSection.css:
(.style-declaration-section):
(body.mac-platform.legacy .style-declaration-section):
(body.mac-platform.legacy .style-declaration-section + .style-declaration-section):
(.style-declaration-section.last-in-group):
(body.mac-platform.legacy .style-declaration-section.last-in-group):
(.style-declaration-section.last-in-group + .style-declaration-section):
(body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section):
(body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section:last-child):
(.style-declaration-section + .style-declaration-section): Deleted.
(.style-declaration-section.last-in-group + .style-declaration-section:last-child): Deleted.
* UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
(.sidebar > .panel.details.css-style > .content > .pseudo-classes):
* UserInterface/Views/DOMTreeOutline.css:
(.dom-tree-outline li.hovered:not(.selected) .selection):
(body.mac-platform.legacy .dom-tree-outline li.hovered:not(.selected) .selection):
(.dom-tree-outline li.elements-drag-over .selection):
(body.mac-platform.legacy .dom-tree-outline li.elements-drag-over .selection):
(.dom-tree-outline:focus li.selected .selection):
(body.mac-platform.legacy .dom-tree-outline:focus li.selected .selection):
* UserInterface/Views/DashboardContainerView.css:
(.toolbar .dashboard-container):
(body.mac-platform.legacy .toolbar .dashboard-container):
(body.window-inactive .toolbar .dashboard-container):
(body.mac-platform.legacy.window-inactive .toolbar .dashboard-container):
(.toolbar .dashboard):
(body.window-inactive .toolbar .dashboard):
(body.mac-platform.legacy.window-inactive .toolbar .dashboard):
* UserInterface/Views/DataGrid.css:
(.data-grid th):
(body.mac-platform.legacy .data-grid th):
(.data-grid tr.selected):
(body.mac-platform.legacy .data-grid tr.selected):
(.data-grid:focus tr.selected):
(body.mac-platform.legacy .data-grid:focus tr.selected):
* UserInterface/Views/DetailsSection.css:
(.details-section):
(body.mac-platform.legacy .details-section):
(.details-section .details-section):
(body.mac-platform.legacy .details-section .details-section):
(.details-section .details-section:last-child):
(.details-section .details-section:first-child):
(.details-section > .header):
(body.mac-platform.legacy .details-section > .header):
(.details-section .details-section > .header):
(body.mac-platform.mountain-lion .details-section .details-section > .header):
(.details-section .details-section.collaspsed > .header):
(.details-section.computed-style-properties:not(.collapsed) > .header):
(body.mac-platform.legacy .details-section.computed-style-properties:not(.collapsed) > .header):
(.details-section > .content > .group):
(body.mac-platform.legacy .details-section > .content > .group):
(.details-section > .content > .group:last-child):
(.details-section > .content > .group:nth-child(even)):
(body.mac-platform.legacy .details-section > .content > .group:nth-child(even)):
(body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > *):
(.details-section > .content > .group:last-child > .row.simple:last-child > *): Deleted.
* UserInterface/Views/FilterBar.css:
(.filter-bar > input[type="search"]):
(body.mac-platform.legacy .filter-bar > input[type="search"]):
* UserInterface/Views/NavigationSidebarPanel.css:
(.navigation-sidebar-panel-content-tree-outline .item.selected):
(body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline .item.selected):
(.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
(body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline:focus .item.selected):
(body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
(body.mac-platform.legacy.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
* UserInterface/Views/RadioButtonNavigationItem.css:
(.navigation-bar .item.radio.button.text-only.selected):
(body.mac-platform.legacy .navigation-bar .item.radio.button.text-only.selected):
* UserInterface/Views/RulesStyleDetailsPanel.css:
(.sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
(body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
(.sidebar > .panel.details.css-style .rules .new-rule):
(body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule):
(.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
(body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
* UserInterface/Views/ScopeBar.css:
(.scope-bar > li):
(body.mac-platform.legacy .scope-bar > li):
(.scope-bar > li.selected):
(body.mac-platform.legacy .scope-bar > li.selected):
* UserInterface/Views/SearchBar.css:
(.search-bar > input[type="search"]):
(body.mac-platform.legacy .search-bar > input[type="search"]):
* UserInterface/Views/Sidebar.css:
(.sidebar):
(body.mac-platform.legacy .sidebar):
(body.mac-platform.legacy.window-inactive .sidebar):
(body.mac-platform.legacy .sidebar.right):
(body.window-inactive .sidebar): Deleted.
(.sidebar.right): Deleted.
* UserInterface/Views/TimelineSidebarPanel.css:
(.sidebar > .panel.navigation.timeline > .title-bar):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar):
Style updates for new look and feel.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIChangeLog">trunk/Source/WebInspectorUI/ChangeLog</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceBaseImageUtilitiesjs">trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceBaseMainjs">trunk/Source/WebInspectorUI/UserInterface/Base/Main.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceImagesBackArrowsvg">trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceImagesForwardArrowsvg">trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsButtonToolbarItemcss">trunk/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectioncss">trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsContentBrowserjs">trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDOMTreeOutlinecss">trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDashboardContainerViewcss">trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDataGridcss">trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss">trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsFilterBarcss">trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsFindBannerjs">trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsRadioButtonNavigationItemcss">trunk/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsRulesStyleDetailsPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsScopeBarcss">trunk/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsSearchBarcss">trunk/Source/WebInspectorUI/UserInterface/Views/SearchBar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsSidebarcss">trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss">trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceViewsToolbarcss">trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css</a></li>
<li><a href="#trunkSourceWebInspectorUIWebInspectorUIvcxprojWebInspectorUIvcxproj">trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj</a></li>
<li><a href="#trunkSourceWebInspectorUIWebInspectorUIvcxprojWebInspectorUIvcxprojfilters">trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceImagesBackArrowLegacysvg">trunk/Source/WebInspectorUI/UserInterface/Images/BackArrowLegacy.svg</a></li>
<li><a href="#trunkSourceWebInspectorUIUserInterfaceImagesForwardArrowLegacysvg">trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrowLegacy.svg</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkSourceWebInspectorUIChangeLog"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/ChangeLog (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/ChangeLog 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/ChangeLog 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -1,3 +1,143 @@
</span><ins>+2014-07-15 Jonathan Wells <jonowells@apple.com>
+
+ Web Inspector: Modernize UI styles and better sync with platform styles
+ https://bugs.webkit.org/show_bug.cgi?id=134846
+
+ Reviewed by Timothy Hatcher.
+
+ Updated styles to better match the OS UI design. Updated the forward/back button.
+ Moved several rules to selectors that support older OS designs. Added global platform
+ data to support this patch.
+
+ * UserInterface/Images/BackArrow.svg: Added.
+ * UserInterface/Images/BackArrowLegacy.svg: Copied from Source/WebInspectorUI/UserInterface/Images/BackArrow.svg.
+ * UserInterface/Images/ForwardArrow.svg: Added.
+ * UserInterface/Images/ForwardArrowLegacy.svg: Copied from Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg.
+
+ * UserInterface/Base/ImageUtilities.js: Updated image version
+ (.generateImage.generateModernImage):
+ (.generateImage.generateLegacyImage):
+ (.generateImage):
+ Updated image generation to support modern look. Updated versioning scheme and version.
+
+ * UserInterface/Base/Main.js:
+ (WebInspector.loaded):
+ (WebInspector.contentLoaded.WebInspector.Platform.version.toString):
+ (WebInspector.contentLoaded.WebInspector.Platform.toString):
+ (WebInspector.contentLoaded):
+ Added global platform information.
+
+ * UserInterface/Views/ContentBrowser.js:
+ (WebInspector.ContentBrowser):
+ Updated back and forward buttons.
+
+ * UserInterface/Views/FindBanner.js:
+ (WebInspector.FindBanner.prototype._generateButtonsGlyphsIfNeeded):
+ Updated images for the find banner.
+
+ * WebInspectorUI.vcxproj/WebInspectorUI.vcxproj:
+ * WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters:
+ Added new images.
+
+ * UserInterface/Views/ButtonToolbarItem.css:
+ (.toolbar .item.button > .label):
+ (body.mac-platform.legacy .toolbar .item.button > .label):
+ * UserInterface/Views/CSSStyleDeclarationSection.css:
+ (.style-declaration-section):
+ (body.mac-platform.legacy .style-declaration-section):
+ (body.mac-platform.legacy .style-declaration-section + .style-declaration-section):
+ (.style-declaration-section.last-in-group):
+ (body.mac-platform.legacy .style-declaration-section.last-in-group):
+ (.style-declaration-section.last-in-group + .style-declaration-section):
+ (body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section):
+ (body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section:last-child):
+ (.style-declaration-section + .style-declaration-section): Deleted.
+ (.style-declaration-section.last-in-group + .style-declaration-section:last-child): Deleted.
+ * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
+ (.sidebar > .panel.details.css-style > .content > .pseudo-classes):
+ * UserInterface/Views/DOMTreeOutline.css:
+ (.dom-tree-outline li.hovered:not(.selected) .selection):
+ (body.mac-platform.legacy .dom-tree-outline li.hovered:not(.selected) .selection):
+ (.dom-tree-outline li.elements-drag-over .selection):
+ (body.mac-platform.legacy .dom-tree-outline li.elements-drag-over .selection):
+ (.dom-tree-outline:focus li.selected .selection):
+ (body.mac-platform.legacy .dom-tree-outline:focus li.selected .selection):
+ * UserInterface/Views/DashboardContainerView.css:
+ (.toolbar .dashboard-container):
+ (body.mac-platform.legacy .toolbar .dashboard-container):
+ (body.window-inactive .toolbar .dashboard-container):
+ (body.mac-platform.legacy.window-inactive .toolbar .dashboard-container):
+ (.toolbar .dashboard):
+ (body.window-inactive .toolbar .dashboard):
+ (body.mac-platform.legacy.window-inactive .toolbar .dashboard):
+ * UserInterface/Views/DataGrid.css:
+ (.data-grid th):
+ (body.mac-platform.legacy .data-grid th):
+ (.data-grid tr.selected):
+ (body.mac-platform.legacy .data-grid tr.selected):
+ (.data-grid:focus tr.selected):
+ (body.mac-platform.legacy .data-grid:focus tr.selected):
+ * UserInterface/Views/DetailsSection.css:
+ (.details-section):
+ (body.mac-platform.legacy .details-section):
+ (.details-section .details-section):
+ (body.mac-platform.legacy .details-section .details-section):
+ (.details-section .details-section:last-child):
+ (.details-section .details-section:first-child):
+ (.details-section > .header):
+ (body.mac-platform.legacy .details-section > .header):
+ (.details-section .details-section > .header):
+ (body.mac-platform.mountain-lion .details-section .details-section > .header):
+ (.details-section .details-section.collaspsed > .header):
+ (.details-section.computed-style-properties:not(.collapsed) > .header):
+ (body.mac-platform.legacy .details-section.computed-style-properties:not(.collapsed) > .header):
+ (.details-section > .content > .group):
+ (body.mac-platform.legacy .details-section > .content > .group):
+ (.details-section > .content > .group:last-child):
+ (.details-section > .content > .group:nth-child(even)):
+ (body.mac-platform.legacy .details-section > .content > .group:nth-child(even)):
+ (body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > *):
+ (.details-section > .content > .group:last-child > .row.simple:last-child > *): Deleted.
+ * UserInterface/Views/FilterBar.css:
+ (.filter-bar > input[type="search"]):
+ (body.mac-platform.legacy .filter-bar > input[type="search"]):
+ * UserInterface/Views/NavigationSidebarPanel.css:
+ (.navigation-sidebar-panel-content-tree-outline .item.selected):
+ (body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline .item.selected):
+ (.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
+ (body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline:focus .item.selected):
+ (body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
+ (body.mac-platform.legacy.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected):
+ * UserInterface/Views/RadioButtonNavigationItem.css:
+ (.navigation-bar .item.radio.button.text-only.selected):
+ (body.mac-platform.legacy .navigation-bar .item.radio.button.text-only.selected):
+ * UserInterface/Views/RulesStyleDetailsPanel.css:
+ (.sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
+ (body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
+ (.sidebar > .panel.details.css-style .rules .new-rule):
+ (body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule):
+ (.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
+ (body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
+ * UserInterface/Views/ScopeBar.css:
+ (.scope-bar > li):
+ (body.mac-platform.legacy .scope-bar > li):
+ (.scope-bar > li.selected):
+ (body.mac-platform.legacy .scope-bar > li.selected):
+ * UserInterface/Views/SearchBar.css:
+ (.search-bar > input[type="search"]):
+ (body.mac-platform.legacy .search-bar > input[type="search"]):
+ * UserInterface/Views/Sidebar.css:
+ (.sidebar):
+ (body.mac-platform.legacy .sidebar):
+ (body.mac-platform.legacy.window-inactive .sidebar):
+ (body.mac-platform.legacy .sidebar.right):
+ (body.window-inactive .sidebar): Deleted.
+ (.sidebar.right): Deleted.
+ * UserInterface/Views/TimelineSidebarPanel.css:
+ (.sidebar > .panel.navigation.timeline > .title-bar):
+ (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar):
+ Style updates for new look and feel.
+
</ins><span class="cx"> 2014-07-11 Joseph Pecoraro <pecoraro@apple.com>
</span><span class="cx">
</span><span class="cx"> Web Inspector: Debugger Pause button does not work
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceBaseImageUtilitiesjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -393,8 +393,9 @@
</span><span class="cx"> var scaledWidth = width * scaleFactor;
</span><span class="cx"> var scaledHeight = height * scaleFactor;
</span><span class="cx">
</span><del>- // Bump this version when making changes that affect the result image.
- const imageVersion = 2;
</del><ins>+ // Bump the base version when making changes that affect the result image.
+ const baseImageVersion = 3;
+ const imageVersion = baseImageVersion + 0.01 * WebInspector.Platform.version.base + 0.0001 * WebInspector.Platform.version.release;
</ins><span class="cx">
</span><span class="cx"> const storageKeyPrefix = "generated-embossed-image-";
</span><span class="cx">
</span><span class="lines">@@ -487,103 +488,148 @@
</span><span class="cx">
</span><span class="cx"> function generateImage(state)
</span><span class="cx"> {
</span><del>- const depth = 1 * scaleFactor;
- const shadowDepth = depth;
- const shadowBlur = depth - 1;
- const glowBlur = 2;
</del><ins>+ function generateModernImage()
+ {
+ const context = document.getCSSCanvasContext("2d", canvasIdentifierCallback(state), scaledWidth, scaledHeight);
+ context.save();
+ context.scale(scaleFactor, scaleFactor);
</ins><span class="cx">
</span><del>- const context = document.getCSSCanvasContext("2d", canvasIdentifierCallback(state), scaledWidth, scaledHeight);
- context.save();
- context.scale(scaleFactor, scaleFactor);
</del><ins>+ context.clearRect(0, 0, width, height);
</ins><span class="cx">
</span><del>- context.clearRect(0, 0, width, height);
</del><ins>+ var gradient = context.createLinearGradient(0, 0, 0, height);
+ if (state === states.Active) {
+ gradient.addColorStop(0, "rgb(65, 65, 65)");
+ gradient.addColorStop(1, "rgb(70, 70, 70)");
+ } else if (state === states.Focus) {
+ gradient.addColorStop(0, "rgb(0, 123, 247)");
+ gradient.addColorStop(1, "rgb(0, 128, 252)");
+ } else if (state === states.ActiveFocus) {
+ gradient.addColorStop(0, "rgb(0, 62, 210)");
+ gradient.addColorStop(1, "rgb(0, 67, 215)");
+ } else {
+ gradient.addColorStop(0, "rgb(75, 75, 75)");
+ gradient.addColorStop(1, "rgb(80, 80, 80)");
+ }
</ins><span class="cx">
</span><del>- if (depth > 0) {
- // Use scratch canvas so we can apply the draw the white drop shadow
- // to the whole glyph at the end.
</del><ins>+ context.fillStyle = gradient;
+ context.fillRect(0, 0, width, height);
</ins><span class="cx">
</span><del>- var scratchCanvas = document.createElement("canvas");
- scratchCanvas.width = scaledWidth;
- scratchCanvas.height = scaledHeight;
</del><ins>+ // Apply the mask to keep just the inner shape of the glyph.
+ _applyImageMask(context, image);
</ins><span class="cx">
</span><del>- var scratchContext = scratchCanvas.getContext("2d");
- scratchContext.scale(scaleFactor, scaleFactor);
- } else
- var scratchContext = context;
</del><ins>+ if (!ignoreCache) {
+ const storageKey = storageKeyPrefix + canvasIdentifierCallback(state);
+ saveImageToStorage(storageKey, context, scaledWidth, scaledHeight, imageVersion);
+ }
</ins><span class="cx">
</span><del>- var gradient = scratchContext.createLinearGradient(0, 0, 0, height);
- if (state === states.Active) {
- gradient.addColorStop(0, "rgb(60, 60, 60)");
- gradient.addColorStop(1, "rgb(100, 100, 100)");
- } else if (state === states.Focus) {
- gradient.addColorStop(0, "rgb(50, 135, 200)");
- gradient.addColorStop(1, "rgb(60, 155, 225)");
- } else if (state === states.ActiveFocus) {
- gradient.addColorStop(0, "rgb(30, 115, 185)");
- gradient.addColorStop(1, "rgb(40, 135, 200)");
- } else {
- gradient.addColorStop(0, "rgb(90, 90, 90)");
- gradient.addColorStop(1, "rgb(145, 145, 145)");
</del><ins>+ context.restore();
</ins><span class="cx"> }
</span><span class="cx">
</span><del>- scratchContext.fillStyle = gradient;
- scratchContext.fillRect(0, 0, width, height);
</del><ins>+ function generateLegacyImage()
+ {
+ const depth = 1 * scaleFactor;
+ const shadowDepth = depth;
+ const shadowBlur = depth - 1;
+ const glowBlur = 2;
</ins><span class="cx">
</span><del>- if (depth > 0) {
- // Invert the image to use as a reverse image mask for the inner shadows.
- // Pass in the color to use for the opaque areas to prevent "black halos"
- // later when applying the final image mask.
</del><ins>+ const context = document.getCSSCanvasContext("2d", canvasIdentifierCallback(state), scaledWidth, scaledHeight);
+ context.save();
+ context.scale(scaleFactor, scaleFactor);
</ins><span class="cx">
</span><del>- if (state === states.Active)
- var invertedImage = _invertMaskImage(image, 60, 60, 60);
- else if (state === states.Focus)
- var invertedImage = _invertMaskImage(image, 45, 145, 210);
- else if (state === states.ActiveFocus)
- var invertedImage = _invertMaskImage(image, 35, 125, 195);
- else
- var invertedImage = _invertMaskImage(image, 90, 90, 90);
</del><ins>+ context.clearRect(0, 0, width, height);
</ins><span class="cx">
</span><del>- if (state === states.Focus) {
- // Double draw the blurry inner shadow to get the right effect.
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(10, 95, 150)", invertedImage);
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(10, 95, 150)", invertedImage);
</del><ins>+ if (depth > 0) {
+ // Use scratch canvas so we can apply the draw the white drop shadow
+ // to the whole glyph at the end.
</ins><span class="cx">
</span><del>- // Draw the inner shadow.
- _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgb(0, 80, 170)", invertedImage);
</del><ins>+ var scratchCanvas = document.createElement("canvas");
+ scratchCanvas.width = scaledWidth;
+ scratchCanvas.height = scaledHeight;
+
+ var scratchContext = scratchCanvas.getContext("2d");
+ scratchContext.scale(scaleFactor, scaleFactor);
+ } else
+ var scratchContext = context;
+
+ var gradient = scratchContext.createLinearGradient(0, 0, 0, height);
+ if (state === states.Active) {
+ gradient.addColorStop(0, "rgb(60, 60, 60)");
+ gradient.addColorStop(1, "rgb(100, 100, 100)");
+ } else if (state === states.Focus) {
+ gradient.addColorStop(0, "rgb(50, 135, 200)");
+ gradient.addColorStop(1, "rgb(60, 155, 225)");
</ins><span class="cx"> } else if (state === states.ActiveFocus) {
</span><del>- // Double draw the blurry inner shadow to get the right effect.
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(0, 80, 100)", invertedImage);
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(0, 80, 100)", invertedImage);
-
- // Draw the inner shadow.
- _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgb(0, 65, 150)", invertedImage);
</del><ins>+ gradient.addColorStop(0, "rgb(30, 115, 185)");
+ gradient.addColorStop(1, "rgb(40, 135, 200)");
</ins><span class="cx"> } else {
</span><del>- // Double draw the blurry inner shadow to get the right effect.
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgba(0, 0, 0, 1)", invertedImage);
- _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgba(0, 0, 0, 1)", invertedImage);
</del><ins>+ gradient.addColorStop(0, "rgb(90, 90, 90)");
+ gradient.addColorStop(1, "rgb(145, 145, 145)");
+ }
</ins><span class="cx">
</span><del>- // Draw the inner shadow.
- _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgba(0, 0, 0, 0.6)", invertedImage);
</del><ins>+ scratchContext.fillStyle = gradient;
+ scratchContext.fillRect(0, 0, width, height);
+
+ if (depth > 0) {
+ // Invert the image to use as a reverse image mask for the inner shadows.
+ // Pass in the color to use for the opaque areas to prevent "black halos"
+ // later when applying the final image mask.
+
+ if (state === states.Active)
+ var invertedImage = _invertMaskImage(image, 60, 60, 60);
+ else if (state === states.Focus)
+ var invertedImage = _invertMaskImage(image, 45, 145, 210);
+ else if (state === states.ActiveFocus)
+ var invertedImage = _invertMaskImage(image, 35, 125, 195);
+ else
+ var invertedImage = _invertMaskImage(image, 90, 90, 90);
+
+ if (state === states.Focus) {
+ // Double draw the blurry inner shadow to get the right effect.
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(10, 95, 150)", invertedImage);
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(10, 95, 150)", invertedImage);
+
+ // Draw the inner shadow.
+ _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgb(0, 80, 170)", invertedImage);
+ } else if (state === states.ActiveFocus) {
+ // Double draw the blurry inner shadow to get the right effect.
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(0, 80, 100)", invertedImage);
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgb(0, 80, 100)", invertedImage);
+
+ // Draw the inner shadow.
+ _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgb(0, 65, 150)", invertedImage);
+ } else {
+ // Double draw the blurry inner shadow to get the right effect.
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgba(0, 0, 0, 1)", invertedImage);
+ _drawImageShadow(scratchContext, 0, 0, shadowDepth, "rgba(0, 0, 0, 1)", invertedImage);
+
+ // Draw the inner shadow.
+ _drawImageShadow(scratchContext, 0, shadowDepth, shadowBlur, "rgba(0, 0, 0, 0.6)", invertedImage);
+ }
</ins><span class="cx"> }
</span><del>- }
</del><span class="cx">
</span><del>- // Apply the mask to keep just the inner shape of the glyph.
- _applyImageMask(scratchContext, image);
</del><ins>+ // Apply the mask to keep just the inner shape of the glyph.
+ _applyImageMask(scratchContext, image);
</ins><span class="cx">
</span><del>- // Draw the white drop shadow.
- if (depth > 0)
- _drawImageShadow(context, 0, shadowDepth, shadowBlur, "rgba(255, 255, 255, 0.6)", scratchCanvas);
</del><ins>+ // Draw the white drop shadow.
+ if (depth > 0)
+ _drawImageShadow(context, 0, shadowDepth, shadowBlur, "rgba(255, 255, 255, 0.6)", scratchCanvas);
</ins><span class="cx">
</span><del>- // Draw a subtle glow for the focus states.
- if (state === states.Focus || state === states.ActiveFocus)
- _drawImageShadow(context, 0, 0, glowBlur, "rgba(20, 100, 220, 0.4)", scratchCanvas);
</del><ins>+ // Draw a subtle glow for the focus states.
+ if (state === states.Focus || state === states.ActiveFocus)
+ _drawImageShadow(context, 0, 0, glowBlur, "rgba(20, 100, 220, 0.4)", scratchCanvas);
</ins><span class="cx">
</span><del>- if (!ignoreCache) {
- const storageKey = storageKeyPrefix + canvasIdentifierCallback(state);
- saveImageToStorage(storageKey, context, scaledWidth, scaledHeight, imageVersion);
</del><ins>+ if (!ignoreCache) {
+ const storageKey = storageKeyPrefix + canvasIdentifierCallback(state);
+ saveImageToStorage(storageKey, context, scaledWidth, scaledHeight, imageVersion);
+ }
+
+ context.restore();
</ins><span class="cx"> }
</span><span class="cx">
</span><del>- context.restore();
</del><ins>+ if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.base === 10 && WebInspector.Platform.version.release < 10)
+ generateLegacyImage();
+ else
+ generateModernImage();
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> function _drawImageShadow(context, xOffset, yOffset, blur, color, image) {
</span><span class="lines">@@ -653,7 +699,6 @@
</span><span class="cx"> }
</span><span class="cx"> }
</span><span class="cx">
</span><del>-
</del><span class="cx"> var svgImageCache = {};
</span><span class="cx">
</span><span class="cx"> function loadSVGImageDocumentElement(url, callback)
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceBaseMainjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Base/Main.js (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Base/Main.js 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Base/Main.js 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -167,7 +167,7 @@
</span><span class="cx"> };
</span><span class="cx">
</span><span class="cx"> this._windowKeydownListeners = [];
</span><del>-}
</del><ins>+};
</ins><span class="cx">
</span><span class="cx"> WebInspector.contentLoaded = function()
</span><span class="cx"> {
</span><span class="lines">@@ -193,16 +193,50 @@
</span><span class="cx"> document.body.classList.add("nightly-build");
</span><span class="cx">
</span><span class="cx"> // Add platform style classes so the UI can be tweaked per-platform.
</span><del>- document.body.classList.add(InspectorFrontendHost.platform() + "-platform");
</del><ins>+ WebInspector.Platform = {
+ name: InspectorFrontendHost.platform(),
+ codeName: "",
+ version: {
+ base: 0,
+ release: 0,
+ toString: function()
+ {
+ return this.base + "." + this.version;
+ }
+ },
+ toString: function()
+ {
+ return this.name;
+ }
+ };
</ins><span class="cx">
</span><del>- if (InspectorFrontendHost.platform() === "mac") {
- var versionMatch = / Mac OS X (\d+)_(\d+)/.exec(navigator.appVersion);
- if (versionMatch && versionMatch[1] == 10 && versionMatch[2] == 8)
- document.body.classList.add("mountain-lion");
- else if (versionMatch && versionMatch[1] == 10 && versionMatch[2] == 9)
- document.body.classList.add("mavericks");
</del><ins>+ var isLegacyMacOS = false;
+ var osVersionMatch = / Mac OS X (\d+)_(\d+)/.exec(navigator.appVersion);
+ if (osVersionMatch && osVersionMatch[1] === "10") {
+ WebInspector.Platform.version.base = 10;
+ switch(osVersionMatch[2]) {
+ case "10":
+ WebInspector.Platform.codeName = "yosemite";
+ WebInspector.Platform.version.release = 10;
+ break;
+ case "9":
+ WebInspector.Platform.codeName = "mavericks";
+ WebInspector.Platform.version.release = 9;
+ isLegacyMacOS = true;
+ break;
+ case "8":
+ WebInspector.Platform.codeName = "mountain-lion";
+ WebInspector.Platform.version.release = 8;
+ isLegacyMacOS = true;
+ }
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+ document.body.classList.add(WebInspector.Platform + "-platform");
+ if (WebInspector.Platform.codeName)
+ document.body.classList.add(WebInspector.Platform.codeName);
+ if (isLegacyMacOS)
+ document.body.classList.add("legacy");
+
</ins><span class="cx"> this.debuggableType = InspectorFrontendHost.debuggableType() === "web" ? WebInspector.DebuggableType.Web : WebInspector.DebuggableType.JavaScript;
</span><span class="cx"> document.body.classList.add(this.debuggableType);
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceImagesBackArrowsvg"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -1,5 +1,5 @@
</span><span class="cx"> <?xml version="1.0" encoding="utf-8"?>
</span><span class="cx"> <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
</span><del>-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
- <path d="M 9 0 L 0.484375 4.484375 L 9 9 Z"/>
</del><ins>+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16">
+ <path d="M 3.20540064 7.75983283 L 9.3448 1.6244 L 7.7388 0.0174 L -0.0002 7.7514 L 0.0091993759 7.76080523 L 0.0018 7.7682 L 7.7358 15.5072 L 9.3428 13.9012 L 3.20540064 7.75983283 Z"></path>
</ins><span class="cx"> </svg>
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceImagesBackArrowLegacysvgfromrev171133trunkSourceWebInspectorUIUserInterfaceImagesBackArrowsvg"></a>
<div class="copfile"><h4>Copied: trunk/Source/WebInspectorUI/UserInterface/Images/BackArrowLegacy.svg (from rev 171133, trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg) (0 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Images/BackArrowLegacy.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/BackArrowLegacy.svg 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
+ <path d="M 9 0 L 0.484375 4.484375 L 9 9 Z"/>
+</svg>
</ins></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceImagesForwardArrowsvg"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -1,5 +1,5 @@
</span><span class="cx"> <?xml version="1.0" encoding="utf-8"?>
</span><span class="cx"> <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
</span><del>-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
- <path d="M 0 0 L 8.515625 4.484375 L 0 9 Z"/>
</del><ins>+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16">
+ <path d="M 6.13924933 7.75978283 L 0.0018 13.9012 L 1.6088 15.5072 L 9.3428 7.7682 L 9.33545066 7.76085523 L 9.3449 7.7514 L 1.6059 0.0174 L -0.0001 1.6244 L 6.13924933 7.75978283 Z"></path>
</ins><span class="cx"> </svg>
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceImagesForwardArrowLegacysvgfromrev171133trunkSourceWebInspectorUIUserInterfaceImagesForwardArrowsvg"></a>
<div class="copfile"><h4>Copied: trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrowLegacy.svg (from rev 171133, trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg) (0 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrowLegacy.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrowLegacy.svg 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -0,0 +1,5 @@
</span><ins>+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
+ <path d="M 0 0 L 8.515625 4.484375 L 0 9 Z"/>
+</svg>
</ins></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsButtonToolbarItemcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ButtonToolbarItem.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -59,6 +59,10 @@
</span><span class="cx">
</span><span class="cx"> .toolbar .item.button > .label {
</span><span class="cx"> text-align: center;
</span><ins>+ color: rgb(80, 80, 80);
+}
+
+body.mac-platform.legacy .toolbar .item.button > .label {
</ins><span class="cx"> text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
</span><span class="cx"> color: rgb(60, 60, 60);
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDeclarationSectioncss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -30,30 +30,42 @@
</span><span class="cx"> padding: 5px;
</span><span class="cx">
</span><span class="cx"> background-color: white;
</span><ins>+ border-bottom: 1px solid rgb(210, 210, 210);
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.style-declaration-section + .style-declaration-section {
</del><ins>+body.mac-platform.legacy .style-declaration-section {
+ border-bottom: none;
+}
+
+body.mac-platform.legacy .style-declaration-section + .style-declaration-section {
</ins><span class="cx"> border-top: 1px solid rgb(210, 210, 210);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .style-declaration-section.last-in-group {
</span><span class="cx"> margin-bottom: 15px;
</span><span class="cx">
</span><ins>+ border-bottom: 1px solid rgb(210, 210, 210);
+}
+
+body.mac-platform.legacy .style-declaration-section.last-in-group {
</ins><span class="cx"> box-shadow: rgba(0, 0, 0, 0.3) 0 2px 2px 0;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .style-declaration-section.last-in-group + .style-declaration-section {
</span><span class="cx"> margin-top: 15px;
</span><span class="cx">
</span><del>- border-top: none;
</del><ins>+ border-top: 1px solid rgb(210, 210, 210);
+}
</ins><span class="cx">
</span><ins>+body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section {
</ins><span class="cx"> box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px 0;
</span><ins>+ border-top: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><del>-.style-declaration-section:first-child,
-div:not(.style-declaration-section) + .style-declaration-section,
-.style-declaration-section.last-in-group + .style-declaration-section.last-in-group,
-.style-declaration-section.last-in-group + .style-declaration-section:last-child {
</del><ins>+body.mac-platform.legacy .style-declaration-section:first-child,
+body.mac-platform.legacy div:not(.style-declaration-section) + .style-declaration-section,
+body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section.last-in-group,
+body.mac-platform.legacy .style-declaration-section.last-in-group + .style-declaration-section:last-child {
</ins><span class="cx"> box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px 1px;
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsCSSStyleDetailsSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -43,6 +43,7 @@
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style > .content > .pseudo-classes {
</span><span class="cx"> padding: 10px;
</span><ins>+ border-bottom: 1px solid rgb(153, 153, 153);
</ins><span class="cx">
</span><span class="cx"> display: -webkit-flex;
</span><span class="cx"> -webkit-flex-flow: row wrap;
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsContentBrowserjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -49,12 +49,22 @@
</span><span class="cx"> this._backKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Left, this._backButtonClicked.bind(this));
</span><span class="cx"> this._forwardKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Right, this._forwardButtonClicked.bind(this));
</span><span class="cx">
</span><del>- this._backButtonNavigationItem = new WebInspector.ButtonNavigationItem("back", WebInspector.UIString("Back (%s)").format(this._backKeyboardShortcut.displayName), "Images/BackArrow.svg", 9, 9);
</del><ins>+ var forwardArrow, backArrow;
+ if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.release < 10) {
+ forwardArrow = {src: "Images/ForwardArrowLegacy.svg", width: 9, height: 9};
+ backArrow = {src: "Images/BackArrowLegacy.svg", width: 9, height: 9};
+ }
+ else {
+ forwardArrow = {src: "Images/ForwardArrow.svg", width: 10, height: 16};
+ backArrow = {src: "Images/BackArrow.svg", width: 10, height: 16};
+ }
+
+ this._backButtonNavigationItem = new WebInspector.ButtonNavigationItem("back", WebInspector.UIString("Back (%s)").format(this._backKeyboardShortcut.displayName), backArrow.src, backArrow.width, backArrow.height);
</ins><span class="cx"> this._backButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._backButtonClicked, this);
</span><span class="cx"> this._backButtonNavigationItem.enabled = false;
</span><span class="cx"> this._navigationBar.addNavigationItem(this._backButtonNavigationItem);
</span><span class="cx">
</span><del>- this._forwardButtonNavigationItem = new WebInspector.ButtonNavigationItem("forward", WebInspector.UIString("Forward (%s)").format(this._forwardKeyboardShortcut.displayName), "Images/ForwardArrow.svg", 9, 9);
</del><ins>+ this._forwardButtonNavigationItem = new WebInspector.ButtonNavigationItem("forward", WebInspector.UIString("Forward (%s)").format(this._forwardKeyboardShortcut.displayName), forwardArrow.src, forwardArrow.width, forwardArrow.height);
</ins><span class="cx"> this._forwardButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._forwardButtonClicked, this);
</span><span class="cx"> this._forwardButtonNavigationItem.enabled = false;
</span><span class="cx"> this._navigationBar.addNavigationItem(this._forwardButtonNavigationItem);
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDOMTreeOutlinecss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -44,10 +44,14 @@
</span><span class="cx"> left: 3px;
</span><span class="cx"> right: 3px;
</span><span class="cx">
</span><del>- background-color: rgba(56, 121, 217, 0.1);
</del><ins>+ background-color: rgba(0, 128, 252, 0.1);
</ins><span class="cx"> border-radius: 5px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .dom-tree-outline li.hovered:not(.selected) .selection {
+ background-color: rgba(56, 121, 217, 0.1);
+}
+
</ins><span class="cx"> .dom-tree-outline li .selection {
</span><span class="cx"> display: none;
</span><span class="cx"> position: absolute;
</span><span class="lines">@@ -65,10 +69,18 @@
</span><span class="cx"> .dom-tree-outline li.elements-drag-over .selection {
</span><span class="cx"> display: block;
</span><span class="cx"> margin-top: -2px;
</span><ins>+ border-top: 2px solid rgb(0, 128, 252);
+}
+
+body.mac-platform.legacy .dom-tree-outline li.elements-drag-over .selection {
</ins><span class="cx"> border-top: 2px solid rgb(56, 121, 217);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .dom-tree-outline:focus li.selected .selection {
</span><ins>+ background-color: rgb(0, 128, 252);
+}
+
+body.mac-platform.legacy .dom-tree-outline:focus li.selected .selection {
</ins><span class="cx"> background-color: rgb(56, 121, 217);
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDashboardContainerViewcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DashboardContainerView.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -28,19 +28,32 @@
</span><span class="cx">
</span><span class="cx"> width: 375px;
</span><span class="cx">
</span><del>- border: 1px solid rgb(163, 163, 163);
</del><span class="cx"> border-radius: 4px;
</span><ins>+ background-color: rgb(252, 252, 252);
</ins><span class="cx">
</span><del>- box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0;
</del><ins>+ box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0, inset white 0 1px 0;
</ins><span class="cx">
</span><span class="cx"> margin: 4px 10px;
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .toolbar .dashboard-container {
+ border: 1px solid rgb(163, 163, 163);
+ background-color: transparent;
+ box-shadow: rgba(255, 255, 255, 0.45) 0 0px 0;
+}
+
</ins><span class="cx"> body.window-inactive .toolbar .dashboard-container {
</span><del>- border-color: rgb(196, 196, 196);
</del><ins>+ border: 1px solid rgb(220, 220, 220);
+ background-color: rgb(246, 246, 246);
+ box-shadow: none;
+}
+
+body.mac-platform.legacy.window-inactive .toolbar .dashboard-container {
+ border: 1px solid rgb(196, 196, 196);
</ins><span class="cx"> background-image: none;
</span><span class="cx"> background-color: rgb(239, 239, 239);
</span><ins>+ box-shadow: rgba(255, 255, 255, 0.45) 0 1px 0;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar.collapsed .dashboard-container {
</span><span class="lines">@@ -78,16 +91,29 @@
</span><span class="cx"> left: 0;
</span><span class="cx"> right: 0;
</span><span class="cx">
</span><ins>+ padding: 0 5px;
+
+ background-color: rgb(252, 252, 252);
+ box-shadow: inset white 0 1px 0;
+
+ -webkit-animation-duration: 0.4s;
+}
+
+body.window-inactive .toolbar .dashboard {
+ background-color: rgb(246, 246, 246);
+ box-shadow: none;
+}
+
+body.mac-platform.legacy .toolbar .dashboard,
+body.mac-platform.legacy.window-inactive .toolbar .dashboard {
</ins><span class="cx"> background-image: linear-gradient(to bottom, rgba(0, 128, 255, 0), rgba(0, 128, 255, 0.075)),
</span><span class="cx"> linear-gradient(to right, rgba(0, 0, 0, 0.09), transparent, rgba(0, 0, 0, 0.09)),
</span><span class="cx"> linear-gradient(to bottom, rgb(240, 244, 251), rgb(250, 253, 255));
</span><span class="cx"> background-size: 100% 6px, auto, auto;
</span><span class="cx"> background-position: bottom, center, center;
</span><span class="cx"> background-repeat: no-repeat;
</span><del>-
- padding: 0 5px;
-
- -webkit-animation-duration: 0.4s;
</del><ins>+ background-color: transparent;
+ box-shadow: none;
</ins><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .toolbar .dashboard.visible {
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDataGridcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -75,20 +75,26 @@
</span><span class="cx"> text-align: left;
</span><span class="cx"> vertical-align: middle;
</span><span class="cx">
</span><ins>+ border-top: 1px solid rgb(179, 179, 179);
+ border-bottom: 1px solid rgb(182, 182, 182);
+
+ height: 15px;
+ font-weight: normal;
+ padding: 0 4px;
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+body.mac-platform.legacy .data-grid th {
</ins><span class="cx"> background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(to bottom, transparent, transparent),
</span><span class="cx"> linear-gradient(to bottom, white, white 25%, rgb(244, 244, 244) 50%, rgb(236, 236, 236) 50%, rgb(237, 237, 237));
</span><ins>+
</ins><span class="cx"> background-size: 1px 11px, 0 0, 100% 100%;
</span><span class="cx"> background-position: left 2px, right 2px, center;
</span><span class="cx"> background-repeat: no-repeat;
</span><span class="cx">
</span><span class="cx"> box-shadow: inset rgba(255, 255, 255, 0.3) 0 -1px 0;
</span><span class="cx"> border-bottom: 1px solid rgb(182, 182, 182);
</span><del>-
- height: 15px;
- font-weight: normal;
- padding: 0 4px;
- white-space: nowrap;
- overflow: hidden;
</del><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid th:first-child {
</span><span class="lines">@@ -313,15 +319,23 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .data-grid tr.selected {
</span><del>- background-color: rgb(212, 212, 212) !important;
</del><ins>+ background-color: rgb(185, 184, 185) !important;
</ins><span class="cx"> color: inherit !important;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .data-grid tr.selected {
+ background-color: rgb(212, 212, 212) !important;
+}
+
</ins><span class="cx"> .data-grid:focus tr.selected {
</span><del>- background-color: rgb(56, 121, 217) !important;
</del><ins>+ background-color: rgb(0, 128, 252) !important;
</ins><span class="cx"> color: white !important;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .data-grid:focus tr.selected {
+ background-color: rgb(56, 121, 217) !important;
+}
+
</ins><span class="cx"> .data-grid tr:not(.parent) td.disclosure {
</span><span class="cx"> text-indent: 10px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsDetailsSectioncss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -24,24 +24,42 @@
</span><span class="cx"> */
</span><span class="cx">
</span><span class="cx"> .details-section {
</span><ins>+ font-size: 10px;
+ background-color: rgb(242, 242, 242);
+ border-bottom: 1px solid rgb(153, 153, 153);
+}
+
+body.mac-platform.legacy .details-section {
</ins><span class="cx"> margin-top: -1px;
</span><span class="cx"> margin-bottom: -1px;
</span><span class="cx">
</span><del>- font-size: 10px;
</del><ins>+ border-bottom: none;
+ background-color: transparent;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+.details-section .details-section {
+ background-color: rgb(255, 255, 255);
+}
+
+body.mac-platform.legacy .details-section .details-section {
+ background-color: transparent;
+}
+
+.details-section .details-section:last-child {
+ border-bottom: none;
+}
+
+.details-section .details-section:first-child {
+ border-top: 1px solid rgb(153, 153, 153);
+}
+
</ins><span class="cx"> .details-section > .header {
</span><span class="cx"> position: -webkit-sticky;
</span><span class="cx"> top: -1px;
</span><span class="cx"> height: 23px;
</span><span class="cx">
</span><del>- border-top: 1px solid rgb(153, 153, 153);
- border-bottom: 1px solid rgb(153, 153, 153);
- box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
- background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
-
</del><ins>+ background-color: rgb(242, 242, 242);
</ins><span class="cx"> color: rgb(57, 57, 57);
</span><del>- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
</del><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -56,15 +74,46 @@
</span><span class="cx"> z-index: 200;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .details-section > .header {
+ border-bottom: 1px solid rgb(153, 153, 153);
+ box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
+
+ border-top: 1px solid rgb(153, 153, 153);
+
+ text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
+}
+
</ins><span class="cx"> .details-section .details-section > .header {
</span><del>- background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(240, 240, 240));
-
</del><span class="cx"> top: 21px;
</span><ins>+ background-color: rgb(255, 255, 255);
</ins><span class="cx">
</span><ins>+ box-shadow: rgba(0, 0, 0, 0.1) 0 1px 0;
+
</ins><span class="cx"> /* Ensure these headers are displayed below the parent header but above scrollbars. */
</span><span class="cx"> z-index: 100;
</span><ins>+
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .details-section .details-section > .header {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(240, 240, 240));
+ box-shadow: none;
+}
+
+.details-section .details-section.collaspsed > .header {
+ box-shadow: none;
+}
+
+.details-section.computed-style-properties:not(.collapsed) > .header {
+ background-color: rgb(255, 255, 255);
+}
+
+body.mac-platform.legacy .details-section.computed-style-properties:not(.collapsed) > .header {
+ background-color: transparent;
+}
+
</ins><span class="cx"> .details-section > .header::before {
</span><span class="cx"> display: block;
</span><span class="cx"> float: left;
</span><span class="lines">@@ -133,9 +182,22 @@
</span><span class="cx">
</span><span class="cx"> .details-section > .content > .group {
</span><span class="cx"> display: table-row-group;
</span><ins>+ border-bottom: 1px solid rgb(153, 153, 153);
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .details-section > .content > .group {
+ border-bottom: none;
+}
+
+.details-section > .content > .group:last-child {
+ border-bottom: none;
+}
+
</ins><span class="cx"> .details-section > .content > .group:nth-child(even) {
</span><ins>+ background-color: rgb(233, 233, 233);
+}
+
+body.mac-platform.legacy .details-section > .content > .group:nth-child(even) {
</ins><span class="cx"> background-color: rgb(222, 222, 222);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -144,10 +206,10 @@
</span><span class="cx"> border-top: 1px solid rgb(153, 153, 153);
</span><span class="cx"> }
</span><span class="cx">
</span><del>-.details-section > .content > .group:nth-child(even) > .row:not(.simple):last-child,
-.details-section > .content > .group:last-child > .row:not(.simple):last-child,
-.details-section > .content > .group:nth-child(even) > .row.simple:last-child > *,
-.details-section > .content > .group:last-child > .row.simple:last-child > * {
</del><ins>+body.mac-platform.legacy .details-section > .content > .group:nth-child(even) > .row:not(.simple):last-child,
+body.mac-platform.legacy .details-section > .content > .group:last-child > .row:not(.simple):last-child,
+body.mac-platform.legacy .details-section > .content > .group:nth-child(even) > .row.simple:last-child > *,
+body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > * {
</ins><span class="cx"> border-bottom: 1px solid rgb(153, 153, 153);
</span><span class="cx"> }
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsFilterBarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -43,7 +43,7 @@
</span><span class="cx"> -webkit-appearance: none;
</span><span class="cx">
</span><span class="cx"> border: 1px solid rgba(0, 0, 0, 0.35);
</span><del>- border-radius: 10px;
</del><ins>+ border-radius: 3px;
</ins><span class="cx"> background-color: rgba(255, 255, 255, 0.2);
</span><span class="cx"> box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
</span><span class="cx"> background-clip: padding-box;
</span><span class="lines">@@ -53,6 +53,10 @@
</span><span class="cx"> transition: background-color 200ms ease-in-out;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .filter-bar > input[type="search"] {
+ border-radius: 10px;
+}
+
</ins><span class="cx"> .filter-bar > input[type="search"]::-webkit-input-placeholder {
</span><span class="cx"> color: rgba(0, 0, 0, 0.35);
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsFindBannerjs"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -326,8 +326,17 @@
</span><span class="cx"> specifications["normal"] = {fillColor: [81, 81, 81]};
</span><span class="cx"> specifications["normal-active"] = {fillColor: [37, 37, 37]};
</span><span class="cx">
</span><del>- generateColoredImagesForCSS("Images/BackArrow.svg", specifications, 7, 7, "find-banner-previous-arrow-");
- generateColoredImagesForCSS("Images/ForwardArrow.svg", specifications, 7, 7, "find-banner-next-arrow-");
</del><ins>+ var forwardArrow, backArrow;
+ if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.release < 10) {
+ forwardArrow = "Images/ForwardArrowLegacy.svg";
+ backArrow = "Images/BackArrowLegacy.svg";
+ } else {
+ forwardArrow = "Images/ForwardArrow.svg";
+ backArrow = "Images/BackArrow.svg";
+ }
+
+ generateColoredImagesForCSS(backArrow, specifications, 7, 7, "find-banner-previous-arrow-");
+ generateColoredImagesForCSS(forwardArrow, specifications, 7, 7, "find-banner-next-arrow-");
</ins><span class="cx"> }
</span><span class="cx"> };
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsNavigationSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -213,19 +213,34 @@
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline .item.selected {
</span><span class="cx"> color: white;
</span><span class="cx">
</span><ins>+ background-color: rgb(185, 184, 185);
+}
+
+body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline .item.selected {
</ins><span class="cx"> border-top: 1px solid rgb(162, 177, 201);
</span><span class="cx">
</span><ins>+ background-color: transparent;
</ins><span class="cx"> background-image: linear-gradient(to bottom, rgb(175, 190, 213), rgb(130, 151, 182));
</span><span class="cx"> background-origin: padding;
</span><span class="cx"> background-clip: padding;
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-sidebar-panel-content-tree-outline:focus .item.selected {
</span><ins>+ background-color: rgb(0, 128, 252);
+}
+
+body.mac-platform.legacy .navigation-sidebar-panel-content-tree-outline:focus .item.selected {
+ background-color: transparent;
</ins><span class="cx"> border-top: 1px solid rgb(148, 174, 193);
</span><span class="cx"> background-image: linear-gradient(to bottom, rgb(154, 180, 203), rgb(112, 139, 176));
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> body.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected {
</span><ins>+ background-color: rgb(212, 212, 212);
+}
+
+body.mac-platform.legacy.window-inactive .navigation-sidebar-panel-content-tree-outline .item.selected {
+ background-color: transparent;
</ins><span class="cx"> border-top: 1px solid rgb(168, 168, 168);
</span><span class="cx"> background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(158, 158, 158));
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsRadioButtonNavigationItemcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/RadioButtonNavigationItem.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -32,11 +32,16 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .navigation-bar .item.radio.button.text-only.selected {
</span><ins>+ color: rgb(52, 141, 220);
+ font-weight: bold;
+}
+
+body.mac-platform.legacy .navigation-bar .item.radio.button.text-only.selected {
+ color: rgb(0, 0, 0);
+
</ins><span class="cx"> background-repeat: no-repeat;
</span><span class="cx"> background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.09) 12%, rgba(0, 0, 0, 0.06) 12%, transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent),
</span><span class="cx"> linear-gradient(to bottom, rgba(0, 0, 0, 0.45), transparent);
</span><span class="cx"> background-size: 100% 100%, 1px 100%, 1px 100%;
</span><span class="cx"> background-position: left top, left top, right top;
</span><del>-
- font-weight: bold;
</del><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsRulesStyleDetailsPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -36,14 +36,18 @@
</span><span class="cx">
</span><span class="cx"> .sidebar > .panel.details.css-style .rules .label + .style-declaration-section {
</span><span class="cx"> margin-top: 5px;
</span><ins>+ border-top: 1px solid rgb(210, 210, 210);
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .label + .style-declaration-section {
+ border-top: none;
+}
+
</ins><span class="cx"> .sidebar > .panel.details.css-style .rules .new-rule {
</span><span class="cx"> font-size: 12px;
</span><span class="cx"> font-weight: bold;
</span><span class="cx">
</span><span class="cx"> color: black;
</span><del>- text-shadow: white 0 1px 0;
</del><span class="cx">
</span><span class="cx"> padding: 5px 10px;
</span><span class="cx">
</span><span class="lines">@@ -53,6 +57,19 @@
</span><span class="cx"> opacity: 0.5;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule {
+ text-shadow: white 0 1px 0;
+ border-bottom: none;
+}
+
+.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section {
+ border-top: 1px solid rgb(210, 210, 210);
+}
+
+body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section {
+ border-top: none;
+}
+
</ins><span class="cx"> .sidebar > .panel.details.css-style .rules .new-rule img {
</span><span class="cx"> content: url(../Images/Plus.svg);
</span><span class="cx">
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsScopeBarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ScopeBar.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -33,7 +33,6 @@
</span><span class="cx"> margin: 0 2px;
</span><span class="cx"> padding: 0 8px 3px;
</span><span class="cx"> font-size: 11px;
</span><del>- font-weight: bold;
</del><span class="cx"> line-height: 11px;
</span><span class="cx"> color: rgb(46, 46, 46);
</span><span class="cx"> background-color: transparent;
</span><span class="lines">@@ -45,6 +44,10 @@
</span><span class="cx"> transition-property: background-color, border-color;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .scope-bar > li {
+ font-weight: bold;
+}
+
</ins><span class="cx"> .scope-bar > li.selected,
</span><span class="cx"> .scope-bar > li:active {
</span><span class="cx"> transition-duration: 75ms;
</span><span class="lines">@@ -55,6 +58,13 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .scope-bar > li.selected {
</span><ins>+ color: rgb(52, 141, 220);
+ border-color: rgba(52, 141, 220, 1);
+ font-weight: bold;
+}
+
+body.mac-platform.legacy .scope-bar > li.selected {
+ color: inherit;
</ins><span class="cx"> background-color: rgba(0, 0, 0, 0.06);
</span><span class="cx"> border-color: rgba(0, 0, 0, 0.30);
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsSearchBarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/SearchBar.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/SearchBar.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/SearchBar.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -31,7 +31,7 @@
</span><span class="cx"> -webkit-appearance: none;
</span><span class="cx">
</span><span class="cx"> border: 1px solid rgba(0, 0, 0, 0.35);
</span><del>- border-radius: 10px;
</del><ins>+ border-radius: 3px;
</ins><span class="cx"> background-color: rgba(255, 255, 255, 0.2);
</span><span class="cx"> box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;
</span><span class="cx"> background-clip: padding-box;
</span><span class="lines">@@ -41,6 +41,10 @@
</span><span class="cx"> transition: background-color 200ms ease-in-out;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .search-bar > input[type="search"] {
+ border-radius: 10px;
+}
+
</ins><span class="cx"> .search-bar > input[type="search"]::-webkit-input-placeholder {
</span><span class="cx"> color: rgba(0, 0, 0, 0.35);
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsSidebarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -26,6 +26,10 @@
</span><span class="cx"> .sidebar {
</span><span class="cx"> position: relative;
</span><span class="cx">
</span><ins>+ background-color: rgb(242, 242, 242);
+}
+
+body.mac-platform.legacy .sidebar {
</ins><span class="cx"> background-color: rgb(227, 231, 235);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -34,7 +38,7 @@
</span><span class="cx"> border: none !important;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.window-inactive .sidebar {
</del><ins>+body.mac-platform.legacy.window-inactive .sidebar {
</ins><span class="cx"> background-color: rgb(231, 231, 231);
</span><span class="cx"> }
</span><span class="cx">
</span><span class="lines">@@ -88,6 +92,9 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> .sidebar.right {
</span><del>- background-color: rgb(231, 231, 231);
</del><span class="cx"> border-left: 1px solid rgb(153, 153, 153);
</span><span class="cx"> }
</span><ins>+
+body.mac-platform.legacy .sidebar.right {
+ background-color: rgb(231, 231, 231);
+}
</ins></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsTimelineSidebarPanelcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -95,10 +95,8 @@
</span><span class="cx"> height: 22px;
</span><span class="cx">
</span><span class="cx"> border-bottom: 1px solid rgb(179, 179, 179);
</span><del>- background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
-
</del><ins>+ background-color: rgb(242, 242, 242);
</ins><span class="cx"> color: rgb(57, 57, 57);
</span><del>- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
</del><span class="cx">
</span><span class="cx"> white-space: nowrap;
</span><span class="cx"> overflow: hidden;
</span><span class="lines">@@ -112,6 +110,12 @@
</span><span class="cx"> overflow: hidden;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar {
+ background-color: transparent;
+ background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
+ text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
+}
+
</ins><span class="cx"> .sidebar > .panel.navigation.timeline > .title-bar.timelines {
</span><span class="cx"> top: 22px;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIUserInterfaceViewsToolbarcss"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Toolbar.css 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -59,8 +59,7 @@
</span><span class="cx"> box-shadow: inset rgb(252, 252, 252) 0 1px 0;
</span><span class="cx"> }
</span><span class="cx">
</span><del>-body.docked.mac-platform.mountain-lion .toolbar,
-body.docked.mac-platform.mavericks .toolbar {
</del><ins>+body.docked.mac-platform.legacy .toolbar {
</ins><span class="cx"> background-image: linear-gradient(to bottom, rgb(216, 216, 216), rgb(190, 190, 190));
</span><span class="cx"> box-shadow: inset rgba(255, 255, 255, 0.1) 0 1px 0, inset rgba(0, 0, 0, 0.02) 0 -1px 0;
</span><span class="cx"> }
</span></span></pre></div>
<a id="trunkSourceWebInspectorUIWebInspectorUIvcxprojWebInspectorUIvcxproj"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -427,6 +427,7 @@
</span><span class="cx"> <None Include="..\UserInterface\Images\ApplicationCacheManifest%402x.png" />
</span><span class="cx"> <None Include="..\UserInterface\Images\ApplicationCacheManifest.png" />
</span><span class="cx"> <None Include="..\UserInterface\Images\BackArrow.svg" />
</span><ins>+ <None Include="..\UserInterface\Images\BackArrowLegacy.svg" />
</ins><span class="cx"> <None Include="..\UserInterface\Images\BottomUpTree.svg" />
</span><span class="cx"> <None Include="..\UserInterface\Images\Breakpoint%402x.png" />
</span><span class="cx"> <None Include="..\UserInterface\Images\Breakpoint.png" />
</span><span class="lines">@@ -486,6 +487,7 @@
</span><span class="cx"> <None Include="..\UserInterface\Images\FolderGeneric%402x.png" />
</span><span class="cx"> <None Include="..\UserInterface\Images\FolderGeneric.png" />
</span><span class="cx"> <None Include="..\UserInterface\Images\ForwardArrow.svg" />
</span><ins>+ <None Include="..\UserInterface\Images\ForwardArrowLegacy.svg" />
</ins><span class="cx"> <None Include="..\UserInterface\Images\Function.svg" />
</span><span class="cx"> <None Include="..\UserInterface\Images\GoToArrow.svg" />
</span><span class="cx"> <None Include="..\UserInterface\Images\HierarchicalNavigationItemChevron.svg" />
</span><span class="lines">@@ -784,4 +786,4 @@
</span><span class="cx"> <Import Project="$(VCTargetsPath)\Microsoft.Cpp.targets" />
</span><span class="cx"> <ImportGroup Label="ExtensionTargets">
</span><span class="cx"> </ImportGroup>
</span><del>-</Project>
</del><span class="cx">\ No newline at end of file
</span><ins>+</Project>
</ins></span></pre></div>
<a id="trunkSourceWebInspectorUIWebInspectorUIvcxprojWebInspectorUIvcxprojfilters"></a>
<div class="modfile"><h4>Modified: trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters (171133 => 171134)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters 2014-07-16 03:06:15 UTC (rev 171133)
+++ trunk/Source/WebInspectorUI/WebInspectorUI.vcxproj/WebInspectorUI.vcxproj.filters 2014-07-16 03:07:03 UTC (rev 171134)
</span><span class="lines">@@ -1,4 +1,4 @@
</span><del>-<?xml version="1.0" encoding="utf-8"?>
</del><ins>+<?xml version="1.0" encoding="utf-8"?>
</ins><span class="cx"> <Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
</span><span class="cx"> <ItemGroup>
</span><span class="cx"> <Filter Include="Resource Files">
</span><span class="lines">@@ -1119,6 +1119,9 @@
</span><span class="cx"> <None Include="..\UserInterface\Images\BackArrow.svg">
</span><span class="cx"> <Filter>Images</Filter>
</span><span class="cx"> </None>
</span><ins>+ <None Include="..\UserInterface\Images\BackArrowLegacy.svg">
+ <Filter>Images</Filter>
+ </None>
</ins><span class="cx"> <None Include="..\UserInterface\Images\BottomUpTree.svg">
</span><span class="cx"> <Filter>Images</Filter>
</span><span class="cx"> </None>
</span><span class="lines">@@ -1296,6 +1299,9 @@
</span><span class="cx"> <None Include="..\UserInterface\Images\ForwardArrow.svg">
</span><span class="cx"> <Filter>Images</Filter>
</span><span class="cx"> </None>
</span><ins>+ <None Include="..\UserInterface\Images\ForwardArrowLegacy.svg">
+ <Filter>Images</Filter>
+ </None>
</ins><span class="cx"> <None Include="..\UserInterface\Images\Function.svg">
</span><span class="cx"> <Filter>Images</Filter>
</span><span class="cx"> </None>
</span><span class="lines">@@ -1722,4 +1728,4 @@
</span><span class="cx"> <None Include="WebInspectorUI.make" />
</span><span class="cx"> <None Include="build-webinspectorui.pl" />
</span><span class="cx"> </ItemGroup>
</span><del>-</Project>
</del><span class="cx">\ No newline at end of file
</span><ins>+</Project>
</ins></span></pre>
</div>
</div>
</body>
</html>