Changeset 52203 in webkit
- Timestamp:
- Dec 16, 2009 10:24:59 AM (14 years ago)
- Location:
- trunk/WebCore
- Files:
-
- 6 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/WebCore/ChangeLog
r52202 r52203 1 2009-12-16 Pavel Feldman <pfeldman@chromium.org> 2 3 Reviewed by Timothy Hatcher. 4 5 Web Inspector: Make Elements tree, properties section and resources 6 view monospace. 7 8 https://bugs.webkit.org/show_bug.cgi?id=32609 9 10 * inspector/front-end/ElementsPanel.js: 11 * inspector/front-end/PropertiesSection.js: 12 (WebInspector.PropertiesSection): 13 * inspector/front-end/ResourceView.js: 14 (WebInspector.ResourceView): 15 * inspector/front-end/inspector.css: 16 1 17 2009-12-16 Dirk Schulze <krit@webkit.org> 2 18 -
trunk/WebCore/inspector/front-end/ConsoleView.js
r52099 r52203 46 46 47 47 this.promptElement = document.getElementById("console-prompt"); 48 this.promptElement.className = "source-code"; 48 49 this.promptElement.addEventListener("keydown", this._promptKeyDown.bind(this), true); 49 50 this.prompt = new WebInspector.TextPrompt(this.promptElement, this.completions.bind(this), ExpressionStopCharacters + "."); … … 483 484 484 485 var span = document.createElement("span"); 485 span. addStyleClass("console-formatted-" + type);486 span.className = "console-formatted-" + type + " source-code"; 486 487 formatter.call(this, output, span); 487 488 return span; … … 571 572 case WebInspector.ConsoleMessage.MessageType.Trace: 572 573 var span = document.createElement("span"); 573 span. addStyleClass("console-formatted-trace");574 span.className = "console-formatted-trace source-code"; 574 575 var stack = Array.prototype.slice.call(args); 575 576 var funcNames = stack.map(function(f) { … … 749 750 750 751 var messageTextElement = document.createElement("span"); 751 messageTextElement.className = "console-message-text ";752 messageTextElement.className = "console-message-text source-code"; 752 753 if (this.type === WebInspector.ConsoleMessage.MessageType.Assert) 753 754 messageTextElement.appendChild(document.createTextNode(WebInspector.UIString("Assertion failed: "))); … … 896 897 897 898 var commandTextElement = document.createElement("span"); 898 commandTextElement.className = "console-message-text ";899 commandTextElement.className = "console-message-text source-code"; 899 900 commandTextElement.textContent = this.command; 900 901 element.appendChild(commandTextElement); -
trunk/WebCore/inspector/front-end/ElementsPanel.js
r52099 r52203 37 37 this.contentElement = document.createElement("div"); 38 38 this.contentElement.id = "elements-content"; 39 this.contentElement.className = "outline-disclosure ";39 this.contentElement.className = "outline-disclosure source-code"; 40 40 41 41 this.treeOutline = new WebInspector.ElementsTreeOutline(); -
trunk/WebCore/inspector/front-end/PropertiesSection.js
r52149 r52203 33 33 34 34 this.propertiesElement = document.createElement("ol"); 35 this.propertiesElement.className = "properties ";35 this.propertiesElement.className = "properties source-code"; 36 36 this.propertiesElement.tabIndex = 0; 37 37 this.propertiesTreeOutline = new TreeOutline(this.propertiesElement); -
trunk/WebCore/inspector/front-end/ResourceView.js
r52193 r52203 138 138 { 139 139 this.urlTreeElement.title = "<div class=\"header-name\">" + WebInspector.UIString("Request URL") + ":</div>" + 140 "<div class=\"header-value \">" + this.resource.url.escapeHTML() + "</div>";140 "<div class=\"header-value source-code\">" + this.resource.url.escapeHTML() + "</div>"; 141 141 }, 142 142 … … 184 184 185 185 var title = "<div class=\"header-name\"> </div>"; 186 title += "<div class=\"raw-form-data header-value \">" + formData.escapeHTML() + "</div>";186 title += "<div class=\"raw-form-data header-value source-code\">" + formData.escapeHTML() + "</div>"; 187 187 var parmTreeElement = new TreeElement(title, null, false); 188 188 parmTreeElement.selectable = false; … … 227 227 228 228 var title = "<div class=\"header-name\">" + key.escapeHTML() + ":</div>"; 229 title += "<div class=\"header-value \">" + valueEscaped + "</div>";229 title += "<div class=\"header-value source-code\">" + valueEscaped + "</div>"; 230 230 231 231 var parmTreeElement = new TreeElement(title, null, false); … … 283 283 284 284 requestMethodElement.title = "<div class=\"header-name\">" + WebInspector.UIString("Request Method") + ":</div>" + 285 "<div class=\"header-value \">" + this.resource.requestMethod + "</div>";285 "<div class=\"header-value source-code\">" + this.resource.requestMethod + "</div>"; 286 286 287 287 statusCodeElement.title = "<div class=\"header-name\">" + WebInspector.UIString("Status Code") + ":</div>" + 288 statusCodeImage + "<div class=\"header-value \">" + WebInspector.Resource.StatusTextForCode(this.resource.statusCode) + "</div>";288 statusCodeImage + "<div class=\"header-value source-code\">" + WebInspector.Resource.StatusTextForCode(this.resource.statusCode) + "</div>"; 289 289 } 290 290 }, … … 301 301 for (var i = 0; i < length; ++i) { 302 302 var title = "<div class=\"header-name\">" + headers[i].header.escapeHTML() + ":</div>"; 303 title += "<div class=\"header-value \">" + headers[i].value.escapeHTML() + "</div>"303 title += "<div class=\"header-value source-code\">" + headers[i].value.escapeHTML() + "</div>" 304 304 305 305 var headerTreeElement = new TreeElement(title, null, false); -
trunk/WebCore/inspector/front-end/inspector.css
r52193 r52203 691 691 .console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol { 692 692 font-size: inherit; 693 line-height: 1 em;693 line-height: 12px; 694 694 } 695 695 … … 800 800 801 801 .resource-view-headers .outline-disclosure .header-value { 802 display: inline-block; 802 display: inline; 803 margin-right: 100px; 803 804 white-space: pre-wrap; 804 word-break: break- word;805 vertical-align: top;805 word-break: break-all; 806 margin-top: 1px; 806 807 } 807 808 … … 876 877 877 878 .resource-status-image { 878 margin-top: - 4px;879 margin-top: -3px; 879 880 vertical-align: middle; 880 881 } … … 1049 1050 } 1050 1051 1052 .outline-disclosure { 1053 font-size: 11px; 1054 } 1055 1051 1056 .outline-disclosure > ol { 1052 1057 position: relative; … … 1060 1065 .outline-disclosure, .outline-disclosure ol { 1061 1066 list-style-type: none; 1062 font-size: 11px;1063 1067 -webkit-padding-start: 12px; 1064 1068 margin: 0; 1065 1069 } 1066 1070 1071 .source-code { 1072 font-family: monospace; 1073 font-size: 10px; 1074 white-space: pre-wrap; 1075 } 1076 1077 body.platform-mac-tiger .source-code { 1078 font-family: Monaco, monospace; 1079 } 1080 1081 body.platform-mac-leopard .source-code { 1082 font-family: Monaco, monospace; 1083 } 1084 1085 body.platform-windows .source-code { 1086 font-family: Consolas, Lucida Console, monospace; 1087 font-size: 12px; 1088 } 1089 1067 1090 .outline-disclosure li { 1068 padding: 0 0 2px14px;1091 padding: 0 0 0 14px; 1069 1092 margin-top: 1px; 1070 1093 margin-bottom: 1px; … … 1074 1097 1075 1098 .resources .outline-disclosure li { 1076 text-indent: 01099 text-indent: -1px; 1077 1100 } 1078 1101
Note: See TracChangeset
for help on using the changeset viewer.