Diff
Modified: trunk/Source/WebCore/ChangeLog (126192 => 126193)
--- trunk/Source/WebCore/ChangeLog 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/ChangeLog 2012-08-21 22:05:33 UTC (rev 126193)
@@ -1,3 +1,36 @@
+2012-08-21 Taiju Tsuiki <[email protected]>
+
+ Web Inspector: Split out crumb list part of styles from elementsPanel.css
+ https://bugs.webkit.org/show_bug.cgi?id=94301
+
+ Reviewed by Pavel Feldman.
+
+ As a preparation to use BreadcrumbList on FileSystem, introduce breadcrumbList.css and
+ move crumb-related style entries into it from elementsPanel.css.
+
+ No new tests. This change does not make functional change.
+
+ * WebCore.gypi:
+ * WebCore.vcproj/WebCore.vcproj:
+ * inspector/front-end/ElementsPanel.js:
+ * inspector/front-end/WebKit.qrc:
+ * inspector/front-end/breadcrumbList.css: Added.
+ (.crumbs):
+ (.crumbs .crumb):
+ (.crumbs .crumb.collapsed > *):
+ (.crumbs .crumb.collapsed::before):
+ (.crumbs .crumb.compact .extra):
+ (.crumbs .crumb.dimmed):
+ (.crumbs .crumb.start):
+ (.crumbs .crumb.end):
+ (.crumbs .crumb.selected):
+ (.crumbs .crumb.selected:hover):
+ (.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover):
+ (.crumbs .crumb:hover):
+ (.crumbs .crumb.dimmed:hover):
+ (.crumbs .crumb.end:hover):
+ * inspector/front-end/elementsPanel.css:
+
2012-08-21 Sudarsana Nagineni <[email protected]>
canvas/philip/tests/2d.fillStyle.parse.invalid.rgba-6.html fails
Modified: trunk/Source/WebCore/WebCore.gypi (126192 => 126193)
--- trunk/Source/WebCore/WebCore.gypi 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/WebCore.gypi 2012-08-21 22:05:33 UTC (rev 126193)
@@ -6391,6 +6391,7 @@
],
'webinspector_standalone_css_files': [
'inspector/front-end/auditsPanel.css',
+ 'inspector/front-end/breadcrumbList.css',
'inspector/front-end/cm/codemirror.css',
'inspector/front-end/cmdevtools.css',
'inspector/front-end/dataGrid.css',
Modified: trunk/Source/WebCore/WebCore.vcproj/WebCore.vcproj (126192 => 126193)
--- trunk/Source/WebCore/WebCore.vcproj/WebCore.vcproj 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/WebCore.vcproj/WebCore.vcproj 2012-08-21 22:05:33 UTC (rev 126193)
@@ -75582,6 +75582,10 @@
>
</File>
<File
+ RelativePath="..\inspector\front-end\breadcrumbList.css"
+ >
+ </File>
+ <File
RelativePath="..\inspector\front-end\BreakpointManager.js"
>
</File>
Modified: trunk/Source/WebCore/inspector/front-end/ElementsPanel.js (126192 => 126193)
--- trunk/Source/WebCore/inspector/front-end/ElementsPanel.js 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/inspector/front-end/ElementsPanel.js 2012-08-21 22:05:33 UTC (rev 126193)
@@ -40,6 +40,7 @@
WebInspector.ElementsPanel = function()
{
WebInspector.Panel.call(this, "elements");
+ this.registerRequiredCSS("breadcrumbList.css");
this.registerRequiredCSS("elementsPanel.css");
this.registerRequiredCSS("textPrompt.css");
this.setHideOnDetach();
Modified: trunk/Source/WebCore/inspector/front-end/WebKit.qrc (126192 => 126193)
--- trunk/Source/WebCore/inspector/front-end/WebKit.qrc 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/inspector/front-end/WebKit.qrc 2012-08-21 22:05:33 UTC (rev 126193)
@@ -207,6 +207,7 @@
<file>Workspace.js</file>
<file>UglifyJS/parse-js.js</file>
<file>auditsPanel.css</file>
+ <file>breadcrumbList.css</file>
<file>dataGrid.css</file>
<file>cmdevtools.css</file>
<file>dialog.css</file>
Added: trunk/Source/WebCore/inspector/front-end/breadcrumbList.css (0 => 126193)
--- trunk/Source/WebCore/inspector/front-end/breadcrumbList.css (rev 0)
+++ trunk/Source/WebCore/inspector/front-end/breadcrumbList.css 2012-08-21 22:05:33 UTC (rev 126193)
@@ -0,0 +1,108 @@
+/*
+ * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
+ * Copyright (C) 2009 Anthony Ricaud <[email protected]>
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
+ * its contributors may be used to endorse or promote products derived
+ * from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
+ * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+.crumbs {
+ display: inline-block;
+ pointer-events: auto;
+ cursor: default;
+ font-size: 11px;
+ line-height: 19px;
+ text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+ color: rgb(20, 20, 20);
+ margin-left: -1px;
+ margin-top: -1px;
+ padding-right: 12px;
+}
+
+.crumbs .crumb {
+ height: 24px;
+ border-width: 0 12px 0 2px;
+ -webkit-border-image: url(Images/segment.png) 0 12 0 2;
+ margin-right: -12px;
+ padding-left: 18px;
+ padding-right: 2px;
+ white-space: nowrap;
+ line-height: 23px;
+ float: right;
+}
+
+.crumbs .crumb.collapsed > * {
+ display: none;
+}
+
+.crumbs .crumb.collapsed::before {
+ content: "\2026";
+ font-weight: bold;
+}
+
+.crumbs .crumb.compact .extra {
+ display: none;
+}
+
+.crumbs .crumb.dimmed {
+ color: rgba(0, 0, 0, 0.45);
+}
+
+.crumbs .crumb.start {
+ padding-left: 7px;
+}
+
+.crumbs .crumb.end {
+ border-width: 0 2px 0 2px;
+ padding-right: 6px;
+ -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
+}
+
+.crumbs .crumb.selected {
+ -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
+ color: black;
+ text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
+}
+
+.crumbs .crumb.selected:hover {
+ -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
+}
+
+.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
+ -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
+}
+
+.crumbs .crumb:hover {
+ -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
+ color: black;
+}
+
+.crumbs .crumb.dimmed:hover {
+ -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
+ color: rgba(0, 0, 0, 0.75);
+}
+
+.crumbs .crumb.end:hover {
+ -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
+}
Modified: trunk/Source/WebCore/inspector/front-end/elementsPanel.css (126192 => 126193)
--- trunk/Source/WebCore/inspector/front-end/elementsPanel.css 2012-08-21 22:02:13 UTC (rev 126192)
+++ trunk/Source/WebCore/inspector/front-end/elementsPanel.css 2012-08-21 22:05:33 UTC (rev 126193)
@@ -59,86 +59,6 @@
-webkit-user-modify: read-write-plaintext-only;
}
-.crumbs {
- display: inline-block;
- pointer-events: auto;
- cursor: default;
- font-size: 11px;
- line-height: 19px;
- text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
- color: rgb(20, 20, 20);
- margin-left: -1px;
- margin-top: -1px;
- padding-right: 12px;
-}
-
-.crumbs .crumb {
- height: 24px;
- border-width: 0 12px 0 2px;
- -webkit-border-image: url(Images/segment.png) 0 12 0 2;
- margin-right: -12px;
- padding-left: 18px;
- padding-right: 2px;
- white-space: nowrap;
- line-height: 23px;
- float: right;
-}
-
-.crumbs .crumb.collapsed > * {
- display: none;
-}
-
-.crumbs .crumb.collapsed::before {
- content: "\2026";
- font-weight: bold;
-}
-
-.crumbs .crumb.compact .extra {
- display: none;
-}
-
-.crumbs .crumb.dimmed {
- color: rgba(0, 0, 0, 0.45);
-}
-
-.crumbs .crumb.start {
- padding-left: 7px;
-}
-
-.crumbs .crumb.end {
- border-width: 0 2px 0 2px;
- padding-right: 6px;
- -webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
-}
-
-.crumbs .crumb.selected {
- -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
- color: black;
- text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-}
-
-.crumbs .crumb.selected:hover {
- -webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
-}
-
-.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
- -webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
-}
-
-.crumbs .crumb:hover {
- -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
- color: black;
-}
-
-.crumbs .crumb.dimmed:hover {
- -webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
- color: rgba(0, 0, 0, 0.75);
-}
-
-.crumbs .crumb.end:hover {
- -webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
-}
-
.metrics {
padding: 8px;
font-size: 10px;
