summaryrefslogtreecommitdiff
path: root/Source/WebInspectorUI/UserInterface
diff options
context:
space:
mode:
Diffstat (limited to 'Source/WebInspectorUI/UserInterface')
-rw-r--r--Source/WebInspectorUI/UserInterface/Main.html2
-rw-r--r--Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.js24
-rw-r--r--Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.css5
3 files changed, 28 insertions, 3 deletions
diff --git a/Source/WebInspectorUI/UserInterface/Main.html b/Source/WebInspectorUI/UserInterface/Main.html
index f080f7f55..8718f7941 100644
--- a/Source/WebInspectorUI/UserInterface/Main.html
+++ b/Source/WebInspectorUI/UserInterface/Main.html
@@ -26,7 +26,7 @@
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src * file: blob: resource: qrc:; connect-src * ws:; media-src * blob:; font-src * blob:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'">
+ <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src * file: blob: resource: qrc:; connect-src * blob: ws:; media-src * blob:; font-src * blob:; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'">
<link rel="stylesheet" href="External/CodeMirror/codemirror.css">
diff --git a/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.js b/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.js
index 54fb13a85..be8b2ad63 100644
--- a/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.js
+++ b/Source/WebInspectorUI/UserInterface/Views/ImageResourceContentView.js
@@ -45,8 +45,28 @@ WebInspector.ImageResourceContentView = class ImageResourceContentView extends W
var objectURL = this.resource.createObjectURL();
this._imageElement = document.createElement("img");
- this._imageElement.addEventListener("load", function() { URL.revokeObjectURL(objectURL); });
- this._imageElement.src = objectURL;
+ this._imageElement.dataset.url = this.resource.url;
+
+ var imageElement = this._imageElement;
+ var xhr = new XMLHttpRequest();
+ xhr.open("GET", objectURL, true);
+ xhr.responseType = "blob";
+ xhr.onload = function() {
+ if (this.status == 200) {
+ var reader = new FileReader();
+ reader.onload = function() {
+ imageElement.src = reader.result;
+
+ URL.revokeObjectURL(objectURL);
+ }
+
+ reader.readAsDataURL(this.response);
+ } else {
+ imageElement.addEventListener("load", function() { URL.revokeObjectURL(objectURL) });
+ imageElement.src = objectURL;
+ }
+ };
+ xhr.send();
this.element.appendChild(this._imageElement);
}
diff --git a/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.css b/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.css
index b8103cb08..8c42ce8f2 100644
--- a/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.css
+++ b/Source/WebInspectorUI/UserInterface/Views/ScopeRadioButtonNavigationItem.css
@@ -40,6 +40,11 @@
outline: none;
}
+.scope-radio-button-navigation-item > .scope-radio-button-item-select option {
+ background: Window;
+ color: WindowText;
+}
+
/* Positions the "Style" text almost exactly over the radio-button-item */
.scope-radio-button-navigation-item > .scope-radio-button-item-select:focus {
top: -3px;