Diff
Modified: trunk/Source/WebInspectorUI/ChangeLog (191487 => 191488)
--- trunk/Source/WebInspectorUI/ChangeLog 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/ChangeLog 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,3 +1,141 @@
+2015-10-22 Timothy Hatcher <timo...@apple.com>
+
+ Web Inspector: Remove generateColoredImagesForCSS and its clients
+ https://bugs.webkit.org/show_bug.cgi?id=150474
+
+ Reviewed by Joseph Pecoraro.
+
+ * UserInterface/Base/ImageUtilities.js:
+ (generateColoredImage): Deleted.
+ (imageLoaded): Deleted.
+ (ensureImageIsLoaded): Deleted.
+ (restoreImages.restoreActiveImages): Deleted.
+ (restoreImages): Deleted.
+ (restoreImage): Deleted.
+ (update): Deleted.
+ (generateImage): Deleted.
+ (generateColoredImagesForCSS): Deleted.
+
+ * UserInterface/Base/Main.js:
+ (WebInspector.loaded): Deleted call to _generateDisclosureTriangleImages.
+ (WebInspector._generateDisclosureTriangleImages): Deleted.
+ (WebInspector.createGoToArrowButton): Deleted code to generate the states.
+
+ * UserInterface/Images/BackArrow.svg: Removed.
+ * UserInterface/Images/BackForwardArrows.svg: Added.
+ * UserInterface/Images/DisclosureTriangleSmallClosed.svg: Removed.
+ * UserInterface/Images/DisclosureTriangleSmallOpen.svg: Removed.
+ * UserInterface/Images/DisclosureTriangleTinyClosed.svg: Removed.
+ * UserInterface/Images/DisclosureTriangleTinyOpen.svg: Removed.
+ * UserInterface/Images/DisclosureTriangles.svg: Added.
+ * UserInterface/Images/ForwardArrow.svg: Removed.
+ * UserInterface/Images/GoToArrow.svg:
+ * UserInterface/Images/Locked.svg: Moved fill color here.
+ * UserInterface/Images/SortIndicatorArrows.svg: Added.
+ * UserInterface/Images/SortIndicatorDownArrow.svg: Removed.
+ * UserInterface/Images/SortIndicatorUpArrow.svg: Removed.
+ * UserInterface/Images/gtk/BackArrow.svg: Removed.
+ * UserInterface/Images/gtk/BackForwardArrows.svg: Added.
+ * UserInterface/Images/gtk/DisclosureTriangleSmallClosed.svg: Removed.
+ * UserInterface/Images/gtk/DisclosureTriangleSmallOpen.svg: Removed.
+ * UserInterface/Images/gtk/DisclosureTriangleTinyClosed.svg: Removed.
+ * UserInterface/Images/gtk/DisclosureTriangleTinyOpen.svg: Removed.
+ * UserInterface/Images/gtk/DisclosureTriangles.svg: Added.
+ * UserInterface/Images/gtk/ForwardArrow.svg: Removed.
+ * UserInterface/Images/gtk/GoToArrow.svg:
+ * UserInterface/Images/gtk/Locked.svg: Moved fill color here.
+ * UserInterface/Images/gtk/SortIndicatorArrows.svg: Added.
+ * UserInterface/Images/gtk/SortIndicatorDownArrow.svg: Removed.
+ * UserInterface/Images/gtk/SortIndicatorUpArrow.svg: Removed.
+
+ * UserInterface/Views/CSSStyleDeclarationSection.css:
+ (.style-declaration-section.locked > .header::before):
+
+ * UserInterface/Views/CSSStyleDeclarationSection.js:
+ (WebInspector.CSSStyleDeclarationSection): Deleted.
+
+ * UserInterface/Views/ConsoleMessageView.css:
+ (.console-message.expandable .console-top-level-message::before):
+ (.console-message.expandable.expanded .console-top-level-message::before):
+
+ * UserInterface/Views/ContentBrowser.js:
+ (WebInspector.ContentBrowser): Use BackForwardArrows.svg.
+
+ * UserInterface/Views/DOMTreeOutline.css:
+ (.dom-tree-outline li.parent::before):
+ (.dom-tree-outline:focus li.parent.selected::before):
+ (.dom-tree-outline li.parent.expanded::before):
+ (.dom-tree-outline:focus li.parent.expanded.selected::before):
+
+ * UserInterface/Views/DataGrid.css:
+ (.data-grid th.sort-ascending > div:first-child::after):
+ (.data-grid th.sort-descending > div:first-child::after):
+ (.data-grid tr.parent td.disclosure::before):
+ (.data-grid tr.parent.expanded td.disclosure::before):
+ (.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before):
+ (.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before):
+
+ * UserInterface/Views/DataGrid.js:
+ (WebInspector.DataGrid): Deleted call to _generateSortIndicatorImagesIfNeeded.
+ (WebInspector.DataGrid.prototype._generateSortIndicatorImagesIfNeeded): Deleted.
+
+ * UserInterface/Views/DetailsSection.css:
+ (.details-section > .header::before):
+ (.details-section > .header:not(.mouse-over-options-element):active::before):
+ (.details-section.collapsed > .header::before):
+ (.details-section.collapsed > .header:not(.mouse-over-options-element):active::before):
+
+ * UserInterface/Views/DetailsSection.js:
+ (WebInspector.DetailsSection): Deleted call to _generateDisclosureTrianglesIfNeeded.
+ (WebInspector.DetailsSection.prototype._generateDisclosureTrianglesIfNeeded): Deleted.
+
+ * UserInterface/Views/ErrorObjectView.css:
+ (.error-object > .formatted-error::before):
+ (.error-object.expanded > .formatted-error::before):
+
+ * UserInterface/Views/FindBanner.css:
+ (.find-banner > button.segmented.left > .glyph):
+ (.find-banner > button.segmented.left:active:not(:disabled) > .glyph):
+ (.find-banner > button.segmented.right > .glyph):
+ (.find-banner > button.segmented.right:active:not(:disabled) > .glyph):
+
+ * UserInterface/Views/FindBanner.js:
+ (WebInspector.FindBanner): Deleted call to _generateButtonsGlyphsIfNeeded.
+ (WebInspector.FindBanner.prototype._generateButtonsGlyphsIfNeeded): Deleted.
+
+ * UserInterface/Views/LogContentView.css:
+ (.console-group-title::before):
+ (.console-group.collapsed .console-group-title::before):
+
+ * UserInterface/Views/Main.css:
+ (.go-to-arrow):
+ (.go-to-arrow:active):
+ (:matches(:focus, .force-focus) .selected .go-to-arrow):
+ (:matches(:focus, .force-focus) .selected .go-to-arrow:active):
+
+ * UserInterface/Views/NavigationSidebarPanel.css:
+ (.navigation-sidebar-panel-content-tree-outline .item .disclosure-button):
+ (.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button):
+ (.navigation-sidebar-panel-content-tree-outline .item.expanded .disclosure-button):
+ (.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button):
+
+ * UserInterface/Views/NavigationSidebarPanel.js:
+ (WebInspector.NavigationSidebarPanel): Deleted call to _generateDisclosureTrianglesIfNeeded.
+ (WebInspector.NavigationSidebarPanel.prototype._generateDisclosureTrianglesIfNeeded): Deleted.
+
+ * UserInterface/Views/ObjectTreePropertyTreeElement.css:
+ (.object-tree-property.parent > .disclosure-button):
+ (.object-tree-property.parent.expanded > .disclosure-button):
+ (.object-tree-property .read-only): Deleted.
+
+ * UserInterface/Views/ObjectTreeView.css:
+ (.object-tree > :matches(.title, .object-preview)::before):
+ (.object-tree.expanded > :matches(.title, .object-preview)::before):
+
+ * UserInterface/Views/TypeTreeElement.css:
+ (.type-tree-element.parent > .disclosure-button):
+ (.type-tree-element.parent.expanded > .disclosure-button):
+
2015-10-22 Matt Baker <mattba...@apple.com>
Web Inspector: CSS Data URIs count against page weight twice
Modified: trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -205,185 +205,6 @@
}
}
-function generateColoredImage(inputImage, red, green, blue, alpha, width, height)
-{
- console.assert(inputImage);
-
- if (alpha === undefined)
- alpha = 1;
-
- if (width === undefined)
- width = inputImage.width;
-
- if (height === undefined)
- height = inputImage.height;
-
- if (inputImage instanceof HTMLCanvasElement) {
- // The input is already a canvas, so we can use its context directly.
- var inputContext = inputImage.getContext("2d");
- } else {
- console.assert(inputImage instanceof HTMLImageElement || inputImage instanceof HTMLVideoElement);
-
- // The input is an image/video element, so we need to draw it into
- // a canvas to get the pixel data.
- var inputCanvas = document.createElement("canvas");
- inputCanvas.width = width;
- inputCanvas.height = height;
-
- var inputContext = inputCanvas.getContext("2d");
- inputContext.drawImage(inputImage, 0, 0, width, height);
- }
-
- var imageData = inputContext.getImageData(0, 0, width, height);
- var imageDataPixels = new Uint32Array(imageData.data.buffer);
-
- var isLittleEndian = Uint32Array.isLittleEndian();
-
- // Loop over the image data and set the color channels while preserving the alpha.
- for (var i = 0; i < imageDataPixels.length; ++i) {
- if (isLittleEndian) {
- var existingAlpha = 0xff & (imageDataPixels[i] >> 24);
- imageDataPixels[i] = red | green << 8 | blue << 16 | (existingAlpha * alpha) << 24;
- } else {
- var existingAlpha = 0xff & imageDataPixels[i];
- imageDataPixels[i] = red << 24 | green << 16 | blue << 8 | existingAlpha * alpha;
- }
- }
-
- // Make a canvas that will be returned as the result.
- var resultCanvas = document.createElement("canvas");
- resultCanvas.width = width;
- resultCanvas.height = height;
-
- var resultContext = resultCanvas.getContext("2d");
-
- resultContext.putImageData(imageData, 0, 0);
-
- return resultCanvas;
-}
-
-function generateColoredImagesForCSS(imagePath, specifications, width, height, canvasIdentifierPrefix)
-{
- console.assert(imagePath);
- console.assert(specifications);
- console.assert(typeof width === "number");
- console.assert(typeof height === "number");
-
- var scaleFactor = window.devicePixelRatio;
- var scaledWidth = width * scaleFactor;
- var scaledHeight = height * scaleFactor;
-
- canvasIdentifierPrefix = canvasIdentifierPrefix || "";
-
- const storageKeyPrefix = "generated-colored-image-";
-
- var imageElement = null;
- var pendingImageLoadCallbacks = [];
-
- _registerGeneratedImageUpdateFunction(update);
-
- function imageLoaded()
- {
- console.assert(imageElement);
- console.assert(imageElement.complete);
- for (var i = 0; i < pendingImageLoadCallbacks.length; ++i)
- pendingImageLoadCallbacks[i]();
- pendingImageLoadCallbacks = null;
- }
-
- function ensureImageIsLoaded(callback)
- {
- if (imageElement && imageElement.complete) {
- callback();
- return;
- }
-
- console.assert(pendingImageLoadCallbacks);
- pendingImageLoadCallbacks.push(callback);
-
- if (imageElement)
- return;
-
- imageElement = document.createElement("img");
- imageElement.addEventListener("load", imageLoaded);
- imageElement.width = width;
- imageElement.height = height;
- imageElement.src = ""
- }
-
- function restoreImages()
- {
- for (var canvasIdentifier in specifications) {
- // Don't restore active images yet.
- if (canvasIdentifier.indexOf("active") !== -1)
- continue;
-
- var specification = specifications[canvasIdentifier];
- restoreImage(canvasIdentifier, specification);
- }
-
- function restoreActiveImages()
- {
- for (var canvasIdentifier in specifications) {
- // Only restore active images here.
- if (canvasIdentifier.indexOf("active") === -1)
- continue;
-
- var specification = specifications[canvasIdentifier];
- restoreImage(canvasIdentifier, specification);
- }
- }
-
- // Delay restoring the active states until later to improve the initial page load time.
- setTimeout(restoreActiveImages, 500);
- }
-
- function restoreImage(canvasIdentifier, specification)
- {
- const storageKey = storageKeyPrefix + canvasIdentifierPrefix + canvasIdentifier;
- const context = document.getCSSCanvasContext("2d", canvasIdentifierPrefix + canvasIdentifier, scaledWidth, scaledHeight);
- restoreImageFromStorage(storageKey, context, scaledWidth, scaledHeight, specification.imageVersion || defaultImageVersion, function() {
- ensureImageIsLoaded(generateImage.bind(null, canvasIdentifier, specification));
- });
- }
-
- function update()
- {
- restoreImages();
- }
-
- function generateImage(canvasIdentifier, specification)
- {
- console.assert(specification.fillColor instanceof Array);
- console.assert(specification.fillColor.length === 3 || specification.fillColor.length === 4);
-
- const context = document.getCSSCanvasContext("2d", canvasIdentifierPrefix + canvasIdentifier, scaledWidth, scaledHeight);
- context.save();
- context.scale(scaleFactor, scaleFactor);
-
- if (specification.shadowColor) {
- context.shadowOffsetX = specification.shadowOffsetX || 0;
- context.shadowOffsetY = specification.shadowOffsetY || 0;
- context.shadowBlur = specification.shadowBlur || 0;
-
- if (specification.shadowColor instanceof Array) {
- if (specification.shadowColor.length === 3)
- context.shadowColor = "rgb(" + specification.shadowColor.join(", ") + ")";
- else if (specification.shadowColor.length === 4)
- context.shadowColor = "rgba(" + specification.shadowColor.join(", ") + ")";
- } else
- context.shadowColor = specification.shadowColor;
- }
-
- var coloredImage = generateColoredImage(imageElement, specification.fillColor[0], specification.fillColor[1], specification.fillColor[2], specification.fillColor[3], scaledWidth, scaledHeight);
- context.drawImage(coloredImage, 0, 0, width, height);
-
- const storageKey = storageKeyPrefix + canvasIdentifierPrefix + canvasIdentifier;
- saveImageToStorage(storageKey, context, scaledWidth, scaledHeight, specification.imageVersion || defaultImageVersion);
- context.restore();
- }
-}
-
function generateEmbossedImages(src, width, height, states, canvasIdentifierCallback, ignoreCache)
{
console.assert(src);
Modified: trunk/Source/WebInspectorUI/UserInterface/Base/Main.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Base/Main.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Base/Main.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -93,7 +93,6 @@
// Perform one-time tasks.
WebInspector.CSSCompletions.requestCSSCompletions();
- this._generateDisclosureTriangleImages();
// Listen for the ProvisionalLoadStarted event before registering for events so our code gets called before any managers or sidebars.
// This lets us save a state cookie before any managers or sidebars do any resets that would affect state (namely TimelineManager).
@@ -1828,21 +1827,6 @@
event.preventDefault();
};
-WebInspector._generateDisclosureTriangleImages = function()
-{
- var specifications = {};
- specifications["normal"] = {fillColor: [140, 140, 140, 1]};
- specifications["normal-active"] = {fillColor: [128, 128, 128, 1]};
-
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallOpen.svg", specifications, 13, 13, "disclosure-triangle-small-open-");
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallClosed.svg", specifications, 13, 13, "disclosure-triangle-small-closed-");
-
- specifications["selected"] = {fillColor: [255, 255, 255, 1]};
-
- generateColoredImagesForCSS("Images/DisclosureTriangleTinyOpen.svg", specifications, 8, 8, "disclosure-triangle-tiny-open-");
- generateColoredImagesForCSS("Images/DisclosureTriangleTinyClosed.svg", specifications, 8, 8, "disclosure-triangle-tiny-closed-");
-};
-
WebInspector.elementDragStart = function(element, dividerDrag, elementDragEnd, event, cursor, eventTarget)
{
if (WebInspector._elementDraggingEventListener || WebInspector._elementEndDraggingEventListener)
@@ -1906,18 +1890,6 @@
WebInspector.createGoToArrowButton = function()
{
- if (!WebInspector._generatedGoToArrowButtonImages) {
- WebInspector._generatedGoToArrowButtonImages = true;
-
- var specifications = {};
- specifications["go-to-arrow-normal"] = {fillColor: [0, 0, 0, 0.5]};
- specifications["go-to-arrow-normal-active"] = {fillColor: [0, 0, 0, 0.7]};
- specifications["go-to-arrow-selected"] = {fillColor: [255, 255, 255, 0.8]};
- specifications["go-to-arrow-selected-active"] = {fillColor: [255, 255, 255, 1]};
-
- generateColoredImagesForCSS("Images/GoToArrow.svg", specifications, 10, 10);
- }
-
function stopPropagation(event)
{
event.stopPropagation()
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 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"/>
-</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/BackForwardArrows.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/BackForwardArrows.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/BackForwardArrows.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2015 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10 16">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ svg[id $= "-mask"] {
+ fill: black;
+ }
+
+ svg[id $= "-normal"] {
+ fill: hsl(0, 0%, 33%);
+ }
+
+ svg[id $= "-active"] {
+ fill: hsl(0, 0%, 16.5%);
+ }
+ </style>
+
+ <defs>
+ <path id="back-arrow-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 id="forward-arrow-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"/>
+ </defs>
+
+ <svg id="back-arrow-mask"><use xlink:href=""
+ <svg id="back-arrow-normal"><use xlink:href=""
+ <svg id="back-arrow-active"><use xlink:href=""
+
+ <svg id="forward-arrow-mask"><use xlink:href=""
+ <svg id="forward-arrow-normal"><use xlink:href=""
+ <svg id="forward-arrow-active"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallClosed.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallClosed.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallClosed.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 13 13">
- <path d="M 3.011719 1.910156 L 3.011719 11.089844 L 10.507812 6.5 Z"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallOpen.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallOpen.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleSmallOpen.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 13 13">
- <path d="M 1.910156 2.980469 L 11.089844 2.980469 L 6.5 10.507812 Z"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyClosed.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyClosed.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyClosed.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 8 8">
- <path d="M 1 7.5 L 7.46875 4 L 1 0.53125 Z"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyOpen.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyOpen.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangleTinyOpen.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 8 8">
- <path d="M 0.5 1 L 4 7.46875 L 7.46875 1 Z"/>
-</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangles.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangles.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/DisclosureTriangles.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2015 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 13 13">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ svg[id $= "-normal"] {
+ fill: hsl(0, 0%, 55%);
+ }
+
+ svg[id $= "-active"] {
+ fill: hsl(0, 0%, 50%);
+ }
+
+ svg[id $= "-selected"] {
+ fill: white;
+ }
+ </style>
+
+ <defs>
+ <path id="closed-triangle-path" d="M 3.011719 1.910156 L 3.011719 11.089844 L 10.507812 6.5 Z"/>
+ <path id="open-triangle-path" d="M 1.910156 2.980469 L 11.089844 2.980469 L 6.5 10.507812 Z"/>
+ </defs>
+
+ <svg id="closed-normal"><use xlink:href=""
+ <svg id="closed-active"><use xlink:href=""
+ <svg id="closed-selected"><use xlink:href=""
+
+ <svg id="open-normal"><use xlink:href=""
+ <svg id="open-active"><use xlink:href=""
+ <svg id="open-selected"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?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 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"/>
-</svg>
Modified: trunk/Source/WebInspectorUI/UserInterface/Images/GoToArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/GoToArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/GoToArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +1,42 @@
<?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 10 10">
- <path d="M 5 8 L 5 6 L 2 6 L 2 4 L 5 4 L 5 2 L 8 5 Z M 5 0 C 2.238281 0 0 2.238281 0 5 C 0 7.761719 2.238281 10 5 10 C 7.761719 10 10 7.761719 10 5 C 10 2.238281 7.761719 0 5 0"/>
+<!-- Copyright © 2015 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10 10">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ #normal {
+ fill: hsla(0, 0%, 0%, 0.5);
+ }
+
+ #active {
+ fill: hsla(0, 0%, 0%, 0.7);
+ }
+
+ #selected {
+ fill: white;
+ }
+
+ #selected-active {
+ fill: hsla(0, 0%, 100%, 0.75);
+ }
+ </style>
+
+ <defs>
+ <path id="go-to-arrow-path" d="M 5 8 L 5 6 L 2 6 L 2 4 L 5 4 L 5 2 L 8 5 Z M 5 0 C 2.238281 0 0 2.238281 0 5 C 0 7.761719 2.238281 10 5 10 C 7.761719 10 10 7.761719 10 5 C 10 2.238281 7.761719 0 5 0"/>
+ </defs>
+
+ <svg id="normal"><use xlink:href=""
+ <svg id="active"><use xlink:href=""
+ <svg id="selected"><use xlink:href=""
+ <svg id="selected-active"><use xlink:href=""
</svg>
Modified: trunk/Source/WebInspectorUI/UserInterface/Images/Locked.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/Locked.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/Locked.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
-<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
+<!-- Copyright © 2013, 2015 Apple Inc. All rights reserved. -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 10">
- <path d="M 2.132812 3.183594 C 2.132812 2.128906 2.96875 1.273438 4 1.273438 C 5.03125 1.273438 5.867188 2.128906 5.867188 3.183594 L 5.867188 4.546875 L 2.132812 4.546875 Z M 7.109375 4.546875 L 7.109375 3.183594 C 7.109375 1.425781 5.71875 0 4 0 C 2.28125 0 0.890625 1.425781 0.890625 3.183594 L 0.890625 4.546875 C 0.398438 4.546875 0 4.953125 0 5.453125 L 0 9.089844 C 0 9.589844 0.398438 10 0.890625 10 L 7.109375 10 C 7.601562 10 8 9.589844 8 9.089844 L 8 5.453125 C 8 4.953125 7.601562 4.546875 7.109375 4.546875"/>
+ <path fill="hsla(0, 0%, 0%, 0.5)" d="M 2.132812 3.183594 C 2.132812 2.128906 2.96875 1.273438 4 1.273438 C 5.03125 1.273438 5.867188 2.128906 5.867188 3.183594 L 5.867188 4.546875 L 2.132812 4.546875 Z M 7.109375 4.546875 L 7.109375 3.183594 C 7.109375 1.425781 5.71875 0 4 0 C 2.28125 0 0.890625 1.425781 0.890625 3.183594 L 0.890625 4.546875 C 0.398438 4.546875 0 4.953125 0 5.453125 L 0 9.089844 C 0 9.589844 0.398438 10 0.890625 10 L 7.109375 10 C 7.601562 10 8 9.589844 8 9.089844 L 8 5.453125 C 8 4.953125 7.601562 4.546875 7.109375 4.546875"/>
</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorArrows.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorArrows.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorArrows.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright © 2015 Apple Inc. All rights reserved. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9 8">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: none;
+ stroke: inherit;
+ }
+
+ svg[id $= "-normal"] {
+ stroke: hsl(0, 0%, 33%);
+ }
+ </style>
+
+ <defs>
+ <path id="up-arrow-path" stroke-linecap="square" d="M 1.5 5.5 L 4.5 2.5 L 7.5 5.5"/>
+ <path id="down-arrow-path" stroke-linecap="square" d="M 1.5 2.5 L 4.5 5.5 L 7.5 2.5"/>
+ </defs>
+
+ <svg id="up-arrow-normal"><use xlink:href=""
+ <svg id="down-arrow-normal"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorDownArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorDownArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorDownArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8">
- <path fill="none" stroke="black" stroke-linecap="square" d="M 1.5 2.5 L 4.5 5.5 L 7.5 2.5"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorUpArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorUpArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorUpArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8">
- <path fill="none" stroke="black" stroke-linecap="square" d="M 1.5 5.5 L 4.5 2.5 L 7.5 5.5"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
- <path d="m6.3438 0c-0.1429 0.034005-0.2751 0.11116-0.375 0.21875l-3.75 3.75-0.5 0.53125 0.5 0.53125 3.75 3.75c0.1398 0.1379 0.3348 0.2182 0.5312 0.2188h0.03125 0.0625 0.65625v-0.5625-0.09375c0.0359-0.2367-0.048-0.4885-0.2188-0.6563l-3.1874-3.1875 3.1874-3.2188c0.1389-0.139 0.2195-0.33465 0.2188-0.5312v-0.15625-0.59375h-0.5938-0.0937-0.0625-0.0938z" class="filled"/>
-</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackForwardArrows.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackForwardArrows.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/BackForwardArrows.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9 9">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ svg[id $= "-mask"] {
+ fill: black;
+ }
+
+ svg[id $= "-normal"] {
+ fill: hsl(0, 0%, 33%);
+ }
+
+ svg[id $= "-active"] {
+ fill: hsl(0, 0%, 16.5%);
+ }
+ </style>
+
+ <defs>
+ <path id="back-arrow-path" d="m6.3438 0c-0.1429 0.034005-0.2751 0.11116-0.375 0.21875l-3.75 3.75-0.5 0.53125 0.5 0.53125 3.75 3.75c0.1398 0.1379 0.3348 0.2182 0.5312 0.2188h0.03125 0.0625 0.65625v-0.5625-0.09375c0.0359-0.2367-0.048-0.4885-0.2188-0.6563l-3.1874-3.1875 3.1874-3.2188c0.1389-0.139 0.2195-0.33465 0.2188-0.5312v-0.15625-0.59375h-0.5938-0.0937-0.0625-0.0938z"/>
+ <path id="forward-arrow-path" d="m2.6436 0c0.14283 0.034005 0.27509 0.11116 0.375 0.21875l3.75 3.75 0.5 0.53125-0.5 0.53125-3.75 3.75c-0.1399 0.1379-0.3349 0.2182-0.5313 0.2188h-0.03125-0.0625-0.65625v-0.5625-0.09375c-0.0358-0.2367 0.0481-0.4885 0.2188-0.6563l3.1875-3.1875-3.1875-3.2188c-0.1389-0.139-0.2194-0.33465-0.2188-0.5312v-0.15625-0.59375h0.59375 0.09375 0.0625 0.09375z"/>
+ </defs>
+
+ <svg id="back-arrow-mask"><use xlink:href=""
+ <svg id="back-arrow-normal"><use xlink:href=""
+ <svg id="back-arrow-active"><use xlink:href=""
+
+ <svg id="forward-arrow-mask"><use xlink:href=""
+ <svg id="forward-arrow-normal"><use xlink:href=""
+ <svg id="forward-arrow-active"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallClosed.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallClosed.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallClosed.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 13">
- <path d="m3.75 12 5.5-5.5-5.5-5.5z" class="filled"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallOpen.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallOpen.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleSmallOpen.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 13">
- <path d="m1 3.75 5.5 5.5 5.5-5.5z" class="filled"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyClosed.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyClosed.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyClosed.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 8">
- <path d="m2.25 7.5 3.5-3.5-3.5-3.5z" class="filled"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyOpen.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyOpen.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangleTinyOpen.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 8">
- <path d="m0.5 2.25 3.5 3.5 3.5-3.5z" class="filled"/>
-</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangles.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangles.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/DisclosureTriangles.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 13 13">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ svg[id $= "-normal"] {
+ fill: hsl(0, 0%, 55%);
+ }
+
+ svg[id $= "-active"] {
+ fill: hsl(0, 0%, 50%);
+ }
+
+ svg[id $= "-selected"] {
+ fill: white;
+ }
+ </style>
+
+ <defs>
+ <path id="closed-triangle-path" d="m3.75 12 5.5-5.5-5.5-5.5z"/>
+ <path id="open-triangle-path" d="m1 3.75 5.5 5.5 5.5-5.5z"/>
+ </defs>
+
+ <svg id="closed-normal"><use xlink:href=""
+ <svg id="closed-active"><use xlink:href=""
+ <svg id="closed-selected"><use xlink:href=""
+
+ <svg id="open-normal"><use xlink:href=""
+ <svg id="open-active"><use xlink:href=""
+ <svg id="open-selected"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/ForwardArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/ForwardArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/ForwardArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 9">
- <path d="m2.6436 0c0.14283 0.034005 0.27509 0.11116 0.375 0.21875l3.75 3.75 0.5 0.53125-0.5 0.53125-3.75 3.75c-0.1399 0.1379-0.3349 0.2182-0.5313 0.2188h-0.03125-0.0625-0.65625v-0.5625-0.09375c-0.0358-0.2367 0.0481-0.4885 0.2188-0.6563l3.1875-3.1875-3.1875-3.2188c-0.1389-0.139-0.2194-0.33465-0.2188-0.5312v-0.15625-0.59375h0.59375 0.09375 0.0625 0.09375z" class="filled"/>
-</svg>
Modified: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/GoToArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/GoToArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/GoToArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,6 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 10">
- <path d="m3.7812 0c-1.5485 0-2.8124 1.264-2.8124 2.8125v0.40625h1.625v-0.40625c0-0.6773 0.5102-1.1875 1.1874-1.1875 0.6773 0 1.2188 0.5102 1.2188 1.1875v5.25h1.625v-5.25c0-1.5485-1.2952-2.8125-2.8438-2.8125z" class="filled"/>
- <path d="m9.0302 5.6424h-0.80604c-0.20706 0-0.42596 0.10465-0.57934 0.25189l-1.8389 1.8387-1.8387-1.8388c-0.1534-0.1472-0.3723-0.2518-0.5794-0.2518h-0.80604v0.80604c0 0.24943 0.072785 0.44519 0.2267 0.60453l2.9974 2.9471 2.9975-2.9471c0.1539-0.1593 0.2267-0.3551 0.2267-0.6045z" class="filled"/>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10 10">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ #normal {
+ fill: hsla(0, 0%, 0%, 0.5);
+ }
+
+ #active {
+ fill: hsla(0, 0%, 0%, 0.7);
+ }
+
+ #selected {
+ fill: white;
+ }
+
+ #selected-active {
+ fill: hsla(0, 0%, 100%, 0.75);
+ }
+ </style>
+
+ <defs>
+ <path id="go-to-arrow-path" d="m3.7812 0c-1.5485 0-2.8124 1.264-2.8124 2.8125v0.40625h1.625v-0.40625c0-0.6773 0.5102-1.1875 1.1874-1.1875 0.6773 0 1.2188 0.5102 1.2188 1.1875v5.25h1.625v-5.25c0-1.5485-1.2952-2.8125-2.8438-2.8125 M9.0302 5.6424h-0.80604c-0.20706 0-0.42596 0.10465-0.57934 0.25189l-1.8389 1.8387-1.8387-1.8388c-0.1534-0.1472-0.3723-0.2518-0.5794-0.2518h-0.80604v0.80604c0 0.24943 0.072785 0.44519 0.2267 0.60453l2.9974 2.9471 2.9975-2.9471c0.1539-0.1593 0.2267-0.3551 0.2267-0.6045z"/>
+ </defs>
+
+ <svg id="normal"><use xlink:href=""
+ <svg id="active"><use xlink:href=""
+ <svg id="selected"><use xlink:href=""
+ <svg id="selected-active"><use xlink:href=""
</svg>
Modified: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/Locked.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/Locked.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/Locked.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 8 10">
- <path d="m3.3333 0.66667c-1.0965 0-2 0.90353-2 2v2h-0.66667c-0.3693 0-0.66663 0.2973-0.66663 0.6666v0.35417 3.6458h3.3333 1.3333 3.3334v-3.6458-0.3542c0-0.3693-0.2973-0.6666-0.6667-0.6666h-0.66667v-2c0-1.0965-0.90353-2-2-2h-1.3333zm0 1.3333h1.3333c0.38087 0 0.66667 0.2858 0.66667 0.66667v2h-2.6667v-2c0-0.38087 0.2858-0.66667 0.66667-0.66667z" class="filled"/>
+ <path fill="hsla(0, 0%, 0%, 0.5)" d="m3.3333 0.66667c-1.0965 0-2 0.90353-2 2v2h-0.66667c-0.3693 0-0.66663 0.2973-0.66663 0.6666v0.35417 3.6458h3.3333 1.3333 3.3334v-3.6458-0.3542c0-0.3693-0.2973-0.6666-0.6667-0.6666h-0.66667v-2c0-1.0965-0.90353-2-2-2h-1.3333zm0 1.3333h1.3333c0.38087 0 0.66667 0.2858 0.66667 0.66667v2h-2.6667v-2c0-0.38087 0.2858-0.66667 0.66667-0.66667z" class="filled"/>
</svg>
Added: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorArrows.svg (0 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorArrows.svg (rev 0)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorArrows.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9 8">
+ <style>
+ svg[id] {
+ display: none;
+ }
+
+ svg[id]:target {
+ display: initial;
+ }
+
+ path {
+ fill: inherit;
+ }
+
+ svg[id $= "-normal"] {
+ fill: hsl(0, 0%, 33%);
+ }
+ </style>
+
+ <defs>
+ <symbol id="up-arrow-symbol">
+ <path d="m9 5.443c-0.0264-0.1111-0.0865-0.214-0.1701-0.2917l-2.9167-2.9166-0.4132-0.3889-0.4132 0.3889-2.9167 2.9166c-0.1072 0.1088-0.1696 0.2605-0.1701 0.4132v0.024306 0.048611 0.51042h0.4375 0.072917c0.18408 0.0279 0.37989-0.03737 0.51042-0.17014l2.4792-2.4791 2.5035 2.4791c0.10818 0.10802 0.26032 0.17066 0.41319 0.17014h0.12153 0.46181v-0.46181-0.072917-0.048611-0.072917z"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 1.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 7.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 5.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 3.6615)"/>
+ </symbol>
+ <symbol id="down-arrow-symbol">
+ <path d="m9 2.557c-0.0264 0.1111-0.0865 0.214-0.1701 0.2917l-2.9167 2.9166-0.4132 0.3889-0.4132-0.3889-2.9167-2.9166c-0.1072-0.1088-0.1696-0.2605-0.1701-0.4132v-0.024306-0.048611-0.51042h0.4375 0.072917c0.18408-0.0279 0.37989 0.03737 0.51042 0.17014l2.4792 2.4791 2.5035-2.4791c0.1082-0.108 0.2603-0.1707 0.4132-0.1702h0.12153 0.46181v0.46181 0.072917 0.048611 0.072917z"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 1.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 7.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 5.6615)"/>
+ <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 3.6615)"/>
+ </symbol>
+ </defs>
+
+ <svg id="up-arrow-normal"><use xlink:href=""
+ <svg id="down-arrow-normal"><use xlink:href=""
+</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorDownArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorDownArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorDownArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 8">
- <path d="m9 2.557c-0.0264 0.1111-0.0865 0.214-0.1701 0.2917l-2.9167 2.9166-0.4132 0.3889-0.4132-0.3889-2.9167-2.9166c-0.1072-0.1088-0.1696-0.2605-0.1701-0.4132v-0.024306-0.048611-0.51042h0.4375 0.072917c0.18408-0.0279 0.37989 0.03737 0.51042 0.17014l2.4792 2.4791 2.5035-2.4791c0.1082-0.108 0.2603-0.1707 0.4132-0.1702h0.12153 0.46181v0.46181 0.072917 0.048611 0.072917z" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 1.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 7.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 5.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 3.6615)" class="filled"/>
-</svg>
Deleted: trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorUpArrow.svg (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorUpArrow.svg 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Images/gtk/SortIndicatorUpArrow.svg 2015-10-23 01:10:27 UTC (rev 191488)
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- Licensed under the Creative Commons Attribution-Share Alike 3.0 United States License (http://creativecommons.org/licenses/by-sa/3.0/) -->
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 9 8">
- <path d="m9 5.443c-0.0264-0.1111-0.0865-0.214-0.1701-0.2917l-2.9167-2.9166-0.4132-0.3889-0.4132 0.3889-2.9167 2.9166c-0.1072 0.1088-0.1696 0.2605-0.1701 0.4132v0.024306 0.048611 0.51042h0.4375 0.072917c0.18408 0.0279 0.37989-0.03737 0.51042-0.17014l2.4792-2.4791 2.5035 2.4791c0.10818 0.10802 0.26032 0.17066 0.41319 0.17014h0.12153 0.46181v-0.46181-0.072917-0.048611-0.072917z" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 1.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 7.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 5.6615)" class="filled"/>
- <path d="m-6.8475-4.3051a3.2542 3.2542 0 1 1 -6.5085 0 3.2542 3.2542 0 1 1 6.5085 0z" transform="matrix(.15365 0 0 .15365 2.5521 3.6615)" class="filled"/>
-</svg>
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -121,7 +121,7 @@
width: 8px;
height: 10px;
- background-image: -webkit-canvas(style-lock-normal);
+ background-image: url(../Images/Locked.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 8px 10px;
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -119,13 +119,6 @@
} else
this._element.classList.add(WebInspector.CSSStyleDeclarationSection.SelectorLockedStyleClassName);
- if (!WebInspector.CSSStyleDeclarationSection._generatedLockImages) {
- WebInspector.CSSStyleDeclarationSection._generatedLockImages = true;
-
- var specifications = {"style-lock-normal": {fillColor: [0, 0, 0, 0.5]}};
- generateColoredImagesForCSS("Images/Locked.svg", specifications, 8, 10);
- }
-
this.refresh();
this._headerElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this));
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ConsoleMessageView.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -77,7 +77,7 @@
width: 13px;
height: 13px;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-size: 13px 13px;
background-repeat: no-repeat;
background-position: center;
@@ -86,7 +86,7 @@
}
.console-message.expandable.expanded .console-top-level-message::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.console-message.expandable.expanded :matches(.console-message-preview, .console-message-preview-divider) {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -47,12 +47,12 @@
this._backKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Left, this._backButtonClicked.bind(this), this._element);
this._forwardKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.CommandOrControl | WebInspector.KeyboardShortcut.Modifier.Control, WebInspector.KeyboardShortcut.Key.Right, this._forwardButtonClicked.bind(this), this._element);
- this._backButtonNavigationItem = new WebInspector.ButtonNavigationItem("back", WebInspector.UIString("Back (%s)").format(this._backKeyboardShortcut.displayName), "Images/BackArrow.svg", 8, 13);
+ this._backButtonNavigationItem = new WebInspector.ButtonNavigationItem("back", WebInspector.UIString("Back (%s)").format(this._backKeyboardShortcut.displayName), "Images/BackForwardArrows.svg#back-arrow-mask", 8, 13);
this._backButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._backButtonClicked, this);
this._backButtonNavigationItem.enabled = false;
this._navigationBar.addNavigationItem(this._backButtonNavigationItem);
- this._forwardButtonNavigationItem = new WebInspector.ButtonNavigationItem("forward", WebInspector.UIString("Forward (%s)").format(this._forwardKeyboardShortcut.displayName), "Images/ForwardArrow.svg", 8, 13);
+ this._forwardButtonNavigationItem = new WebInspector.ButtonNavigationItem("forward", WebInspector.UIString("Forward (%s)").format(this._forwardKeyboardShortcut.displayName), "Images/BackForwardArrows.svg#forward-arrow-mask", 8, 13);
this._forwardButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._forwardButtonClicked, this);
this._forwardButtonNavigationItem.enabled = false;
this._navigationBar.addNavigationItem(this._forwardButtonNavigationItem);
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeOutline.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -123,7 +123,7 @@
content: "";
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-size: 13px 13px;
background-repeat: no-repeat;
@@ -135,15 +135,15 @@
}
.dom-tree-outline:focus li.parent.selected::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-selected);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-selected);
}
.dom-tree-outline li.parent.expanded::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.dom-tree-outline:focus li.parent.expanded.selected::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-selected);
+ background-image: url(../Images/DisclosureTriangles.svg#open-selected);
}
.dom-tree-outline .html-text-node.large {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -191,7 +191,7 @@
content: "";
- background-image: -webkit-canvas(data-grid-sort-indicator-up-arrow);
+ background-image: url(../Images/SortIndicatorArrows.svg#up-arrow-normal);
background-size: 9px 8px;
background-repeat: no-repeat;
}
@@ -210,7 +210,7 @@
content: "";
- background-image: -webkit-canvas(data-grid-sort-indicator-down-arrow);
+ background-image: url(../Images/SortIndicatorArrows.svg#down-arrow-normal);
background-size: 9px 8px;
background-repeat: no-repeat;
}
@@ -224,27 +224,24 @@
content: "";
- background-image: -webkit-canvas(disclosure-triangle-tiny-closed-normal);
- background-size: 8px 8px;
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
+ background-size: 13px 13px;
background-repeat: no-repeat;
- width: 8px;
- height: 8px;
-
- margin-top: 2px;
- margin-right: 2px;
+ width: 13px;
+ height: 13px;
}
.data-grid tr.parent.expanded td.disclosure::before {
- background-image: -webkit-canvas(disclosure-triangle-tiny-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.data-grid:matches(:focus, .force-focus) tr.parent.selected td.disclosure::before {
- background-image: -webkit-canvas(disclosure-triangle-tiny-closed-selected);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-selected);
}
.data-grid:matches(:focus, .force-focus) tr.parent.expanded.selected td.disclosure::before {
- background-image: -webkit-canvas(disclosure-triangle-tiny-open-selected);
+ background-image: url(../Images/DisclosureTriangles.svg#open-selected);
}
.data-grid tr.selected {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -98,8 +98,6 @@
for (var columnIdentifier in columnsData)
this.insertColumn(columnIdentifier, columnsData[columnIdentifier]);
}
-
- this._generateSortIndicatorImagesIfNeeded();
}
static createSortableDataGrid(columnNames, values)
@@ -1085,21 +1083,6 @@
return this._headerTableCellElements.get(columnIdentifier);
}
- _generateSortIndicatorImagesIfNeeded()
- {
- if (WebInspector.DataGrid._generatedSortIndicatorImages)
- return;
-
- WebInspector.DataGrid._generatedSortIndicatorImages = true;
-
- var specifications = {arrow: {
- fillColor: [81, 81, 81],
- }};
-
- generateColoredImagesForCSS("Images/SortIndicatorDownArrow.svg", specifications, 9, 8, "data-grid-sort-indicator-down-");
- generateColoredImagesForCSS("Images/SortIndicatorUpArrow.svg", specifications, 9, 8, "data-grid-sort-indicator-up-");
- }
-
_mouseDownInDataTable(event)
{
var gridNode = this.dataGridNodeFromNode(event.target);
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -86,7 +86,7 @@
width: 21px;
height: 100%;
- background-image: -webkit-canvas(details-section-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
background-repeat: no-repeat;
background-position: center;
background-size: 13px 13px;
@@ -95,15 +95,15 @@
}
.details-section > .header:not(.mouse-over-options-element):active::before {
- background-image: -webkit-canvas(details-section-disclosure-triangle-open-active);
+ background-image: url(../Images/DisclosureTriangles.svg#open-active);
}
.details-section.collapsed > .header::before {
- background-image: -webkit-canvas(details-section-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
}
.details-section.collapsed > .header:not(.mouse-over-options-element):active::before {
- background-image: -webkit-canvas(details-section-disclosure-triangle-closed-active);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-active);
}
.details-section > .header > label {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -53,8 +53,6 @@
this._contentElement.className = "content";
this._element.appendChild(this._contentElement);
- this._generateDisclosureTrianglesIfNeeded();
-
this._identifier = identifier;
this.title = title;
this.groups = groups || [new WebInspector.DetailsSectionGroup];
@@ -144,33 +142,7 @@
{
this._headerElement.classList.remove(WebInspector.DetailsSection.MouseOverOptionsElementStyleClassName);
}
-
- _generateDisclosureTrianglesIfNeeded()
- {
- if (WebInspector.DetailsSection._generatedDisclosureTriangles)
- return;
-
- // Set this early instead of in _generateDisclosureTriangle because we don't want multiple sections that are
- // created at the same time to duplicate the work (even though it would be harmless.)
- WebInspector.DetailsSection._generatedDisclosureTriangles = true;
-
- var specifications = {};
- specifications[WebInspector.DetailsSection.DisclosureTriangleNormalCanvasIdentifierSuffix] = {
- fillColor: [134, 134, 134]
- };
-
- specifications[WebInspector.DetailsSection.DisclosureTriangleActiveCanvasIdentifierSuffix] = {
- fillColor: [57, 57, 57]
- };
-
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallOpen.svg", specifications, 13, 13, WebInspector.DetailsSection.DisclosureTriangleOpenCanvasIdentifier);
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallClosed.svg", specifications, 13, 13, WebInspector.DetailsSection.DisclosureTriangleClosedCanvasIdentifier);
- }
};
WebInspector.DetailsSection.CollapsedStyleClassName = "collapsed";
WebInspector.DetailsSection.MouseOverOptionsElementStyleClassName = "mouse-over-options-element";
-WebInspector.DetailsSection.DisclosureTriangleOpenCanvasIdentifier = "details-section-disclosure-triangle-open";
-WebInspector.DetailsSection.DisclosureTriangleClosedCanvasIdentifier = "details-section-disclosure-triangle-closed";
-WebInspector.DetailsSection.DisclosureTriangleNormalCanvasIdentifierSuffix = "-normal";
-WebInspector.DetailsSection.DisclosureTriangleActiveCanvasIdentifierSuffix = "-active";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ErrorObjectView.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ErrorObjectView.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ErrorObjectView.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -34,7 +34,7 @@
margin-right: 2px;
width: 13px;
height: 13px;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-size: 13px 13px;
background-repeat: no-repeat;
background-position: center;
@@ -42,7 +42,7 @@
}
.error-object.expanded > .formatted-error::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.error-object-link-container {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -147,11 +147,11 @@
}
.find-banner > button.segmented.left > .glyph {
- background-image: -webkit-canvas(find-banner-previous-arrow-normal);
+ background-image: url(../Images/BackForwardArrows.svg#back-arrow-normal);
}
.find-banner > button.segmented.left:active:not(:disabled) > .glyph {
- background-image: -webkit-canvas(find-banner-previous-arrow-normal-active);
+ background-image: url(../Images/BackForwardArrows.svg#back-arrow-active);
}
.find-banner > button.segmented.right {
@@ -161,12 +161,12 @@
}
.find-banner > button.segmented.right > .glyph {
- background-image: -webkit-canvas(find-banner-next-arrow-normal);
+ background-image: url(../Images/BackForwardArrows.svg#forward-arrow-normal);
margin-left: 1px;
}
.find-banner > button.segmented.right:active:not(:disabled) > .glyph {
- background-image: -webkit-canvas(find-banner-next-arrow-normal-active);
+ background-image: url(../Images/BackForwardArrows.svg#forward-arrow-active);
}
.find-banner > button.segmented {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -93,8 +93,6 @@
this._findPreviousKeyboardShortcut = new WebInspector.KeyboardShortcut(WebInspector.KeyboardShortcut.Modifier.Shift | WebInspector.KeyboardShortcut.Modifier.CommandOrControl, "G", this._previousResultButtonClicked.bind(this));
this.disableKeyboardShortcuts();
-
- this._generateButtonsGlyphsIfNeeded();
}
// Public
@@ -335,21 +333,6 @@
{
this.hide();
}
-
- _generateButtonsGlyphsIfNeeded()
- {
- if (WebInspector.FindBanner._generatedButtonsGlyphs)
- return;
-
- WebInspector.FindBanner._generatedButtonsGlyphs = true;
-
- var specifications = {};
- specifications["normal"] = {fillColor: [81, 81, 81]};
- specifications["normal-active"] = {fillColor: [37, 37, 37]};
-
- generateColoredImagesForCSS("Images/BackArrow.svg", specifications, 7, 11, "find-banner-previous-arrow-");
- generateColoredImagesForCSS("Images/ForwardArrow.svg", specifications, 7, 11, "find-banner-next-arrow-");
- }
};
WebInspector.FindBanner.SupportsFindBannerStyleClassName = "supports-find-banner";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -144,7 +144,7 @@
.console-group-title::before {
content: "";
- background-image: -webkit-canvas(disclosure-triangle-small-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
background-size: 13px 13px;
top: 4px;
left: 4px;
@@ -153,7 +153,7 @@
}
.console-group.collapsed .console-group-title::before {
- background-image: -webkit-canvas(disclosure-triangle-small-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
}
.console-group.collapsed > .console-group-messages {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Main.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Main.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -262,7 +262,7 @@
border: none;
background-color: transparent;
- background-image: -webkit-canvas(go-to-arrow-normal);
+ background-image: url(../Images/GoToArrow.svg#normal);
background-repeat: no-repeat;
background-position: center;
background-size: 10px 10px;
@@ -277,15 +277,15 @@
}
.go-to-arrow:active {
- background-image: -webkit-canvas(go-to-arrow-normal-active);
+ background-image: url(../Images/GoToArrow.svg#active);
}
:matches(:focus, .force-focus) .selected .go-to-arrow {
- background-image: -webkit-canvas(go-to-arrow-selected);
+ background-image: url(../Images/GoToArrow.svg#selected);
}
:matches(:focus, .force-focus) .selected .go-to-arrow:active {
- background-image: -webkit-canvas(go-to-arrow-selected-active);
+ background-image: url(../Images/GoToArrow.svg#selected-active);
}
.hidden {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -143,7 +143,7 @@
border: 0;
background-color: transparent;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-repeat: no-repeat;
background-position: center;
background-size: 13px 13px;
@@ -160,15 +160,15 @@
}
.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected .disclosure-button {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-selected) !important;
+ background-image: url(../Images/DisclosureTriangles.svg#closed-selected) !important;
}
.navigation-sidebar-panel-content-tree-outline .item.expanded .disclosure-button {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.navigation-sidebar-panel-content-tree-outline:matches(:focus, .force-focus) .item.selected.expanded .disclosure-button {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-selected) !important;
+ background-image: url(../Images/DisclosureTriangles.svg#open-selected) !important;
}
.navigation-sidebar-panel-content-tree-outline .item .icon {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.js (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.js 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.js 2015-10-23 01:10:27 UTC (rev 191488)
@@ -66,7 +66,6 @@
this._emptyContentPlaceholderElement.appendChild(this._emptyContentPlaceholderMessageElement);
this._generateStyleRulesIfNeeded();
- this._generateDisclosureTrianglesIfNeeded();
this._shouldAutoPruneStaleTopLevelResourceTreeElements = shouldAutoPruneStaleTopLevelResourceTreeElements || false;
@@ -610,28 +609,6 @@
document.head.appendChild(WebInspector.NavigationSidebarPanel._styleElement);
}
- _generateDisclosureTrianglesIfNeeded()
- {
- if (WebInspector.NavigationSidebarPanel._generatedDisclosureTriangles)
- return;
-
- // Set this early instead of in _generateDisclosureTriangle because we don't want multiple panels that are
- // created at the same time to duplicate the work (even though it would be harmless.)
- WebInspector.NavigationSidebarPanel._generatedDisclosureTriangles = true;
-
- var specifications = {};
- specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleNormalCanvasIdentifierSuffix] = {
- fillColor: [140, 140, 140]
- };
-
- specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleSelectedCanvasIdentifierSuffix] = {
- fillColor: [255, 255, 255]
- };
-
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallOpen.svg", specifications, 13, 13, WebInspector.NavigationSidebarPanel.DisclosureTriangleOpenCanvasIdentifier);
- generateColoredImagesForCSS("Images/DisclosureTriangleSmallClosed.svg", specifications, 13, 13, WebInspector.NavigationSidebarPanel.DisclosureTriangleClosedCanvasIdentifier);
- }
-
_checkForStaleResourcesIfNeeded()
{
if (!this._checkForStaleResourcesTimeoutIdentifier || !this._shouldAutoPruneStaleTopLevelResourceTreeElements)
@@ -744,7 +721,3 @@
WebInspector.NavigationSidebarPanel.HideDisclosureButtonsStyleClassName = "hide-disclosure-buttons";
WebInspector.NavigationSidebarPanel.EmptyContentPlaceholderElementStyleClassName = "empty-content-placeholder";
WebInspector.NavigationSidebarPanel.EmptyContentPlaceholderMessageElementStyleClassName = "message";
-WebInspector.NavigationSidebarPanel.DisclosureTriangleOpenCanvasIdentifier = "navigation-sidebar-panel-disclosure-triangle-open";
-WebInspector.NavigationSidebarPanel.DisclosureTriangleClosedCanvasIdentifier = "navigation-sidebar-panel-disclosure-triangle-closed";
-WebInspector.NavigationSidebarPanel.DisclosureTriangleNormalCanvasIdentifierSuffix = "-normal";
-WebInspector.NavigationSidebarPanel.DisclosureTriangleSelectedCanvasIdentifierSuffix = "-selected";
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreePropertyTreeElement.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -53,14 +53,14 @@
.object-tree-property.parent > .disclosure-button {
background-color: transparent;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-repeat: no-repeat;
background-position: center;
background-size: 13px 13px;
}
.object-tree-property.parent.expanded > .disclosure-button {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.object-tree-property > .icon {
@@ -193,15 +193,6 @@
opacity: 1;
}
-.object-tree-property .read-only {
- content: url(../Images/Locked.svg);
- opacity: 0.5;
-
- width: 8px;
- height: 10px;
- margin-left: 3px;
-}
-
.object-tree-property .value.error {
color: red;
}
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ObjectTreeView.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -43,7 +43,7 @@
width: 13px;
height: 13px;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-size: 13px 13px;
background-repeat: no-repeat;
background-position: center;
@@ -56,7 +56,7 @@
}
.object-tree.expanded > :matches(.title, .object-preview)::before {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.object-tree.properties-only > :matches(.title, .object-preview) {
Modified: trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css (191487 => 191488)
--- trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css 2015-10-23 00:09:20 UTC (rev 191487)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/TypeTreeElement.css 2015-10-23 01:10:27 UTC (rev 191488)
@@ -53,14 +53,14 @@
.type-tree-element.parent > .disclosure-button {
background-color: transparent;
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
background-repeat: no-repeat;
background-position: center;
background-size: 13px 13px;
}
.type-tree-element.parent.expanded > .disclosure-button {
- background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
+ background-image: url(../Images/DisclosureTriangles.svg#open-normal);
}
.type-tree-element > .icon {
