Changeset 52203 in webkit


Ignore:
Timestamp:
Dec 16, 2009 10:24:59 AM (14 years ago)
Author:
pfeldman@chromium.org
Message:

2009-12-16 Pavel Feldman <​pfeldman@chromium.org>

Reviewed by Timothy Hatcher.

Web Inspector: Make Elements tree, properties section and resources
view monospace.

​https://bugs.webkit.org/show_bug.cgi?id=32609

  • inspector/front-end/ElementsPanel.js:
  • inspector/front-end/PropertiesSection.js: (WebInspector.PropertiesSection):
  • inspector/front-end/ResourceView.js: (WebInspector.ResourceView):
  • inspector/front-end/inspector.css:
Location:
trunk/WebCore
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/WebCore/ChangeLog

    r52202 r52203  
     12009-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
    1172009-12-16  Dirk Schulze  <krit@webkit.org>
    218

  • trunk/WebCore/inspector/front-end/ConsoleView.js

    r52099 r52203  
    4646
    4747    this.promptElement = document.getElementById("console-prompt");
     48    this.promptElement.className = "source-code";
    4849    this.promptElement.addEventListener("keydown", this._promptKeyDown.bind(this), true);
    4950    this.prompt = new WebInspector.TextPrompt(this.promptElement, this.completions.bind(this), ExpressionStopCharacters + ".");
    … …  
    483484
    484485        var span = document.createElement("span");
    485         span.addStyleClass("console-formatted-" + type);
     486        span.className = "console-formatted-" + type + " source-code";
    486487        formatter.call(this, output, span);
    487488        return span;
    … …  
    571572            case WebInspector.ConsoleMessage.MessageType.Trace:
    572573                var span = document.createElement("span");
    573                 span.addStyleClass("console-formatted-trace");
     574                span.className = "console-formatted-trace source-code";
    574575                var stack = Array.prototype.slice.call(args);
    575576                var funcNames = stack.map(function(f) {
    … …  
    749750
    750751        var messageTextElement = document.createElement("span");
    751         messageTextElement.className = "console-message-text";
     752        messageTextElement.className = "console-message-text source-code";
    752753        if (this.type === WebInspector.ConsoleMessage.MessageType.Assert)
    753754            messageTextElement.appendChild(document.createTextNode(WebInspector.UIString("Assertion failed: ")));
    … …  
    896897
    897898        var commandTextElement = document.createElement("span");
    898         commandTextElement.className = "console-message-text";
     899        commandTextElement.className = "console-message-text source-code";
    899900        commandTextElement.textContent = this.command;
    900901        element.appendChild(commandTextElement);

  • trunk/WebCore/inspector/front-end/ElementsPanel.js

    r52099 r52203  
    3737    this.contentElement = document.createElement("div");
    3838    this.contentElement.id = "elements-content";
    39     this.contentElement.className = "outline-disclosure";
     39    this.contentElement.className = "outline-disclosure source-code";
    4040
    4141    this.treeOutline = new WebInspector.ElementsTreeOutline();

  • trunk/WebCore/inspector/front-end/PropertiesSection.js

    r52149 r52203  
    3333
    3434    this.propertiesElement = document.createElement("ol");
    35     this.propertiesElement.className = "properties";
     35    this.propertiesElement.className = "properties source-code";
    3636    this.propertiesElement.tabIndex = 0;
    3737    this.propertiesTreeOutline = new TreeOutline(this.propertiesElement);

  • trunk/WebCore/inspector/front-end/ResourceView.js

    r52193 r52203  
    138138    {
    139139        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>";
    141141    },
    142142
    … …  
    184184
    185185        var title = "<div class=\"header-name\">&nbsp;</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>";
    187187        var parmTreeElement = new TreeElement(title, null, false);
    188188        parmTreeElement.selectable = false;
    … …  
    227227
    228228            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>";
    230230
    231231            var parmTreeElement = new TreeElement(title, null, false);
    … …  
    283283   
    284284            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>";
    286286
    287287            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>";
    289289        }
    290290    },
    … …  
    301301        for (var i = 0; i < length; ++i) {
    302302            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>"
    304304
    305305            var headerTreeElement = new TreeElement(title, null, false);

  • trunk/WebCore/inspector/front-end/inspector.css

    r52193 r52203  
    691691.console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
    692692    font-size: inherit;
    693     line-height: 1em;
     693    line-height: 12px;
    694694}
    695695
    … …  
    800800
    801801.resource-view-headers .outline-disclosure .header-value {
    802     display: inline-block;
     802    display: inline;
     803    margin-right: 100px;
    803804    white-space: pre-wrap;
    804     word-break: break-word;
    805     vertical-align: top;
     805    word-break: break-all;
     806    margin-top: 1px;
    806807}
    807808
    … …  
    876877
    877878.resource-status-image {
    878     margin-top: -4px;
     879    margin-top: -3px;
    879880    vertical-align: middle;
    880881}
    … …  
    10491050}
    10501051
     1052.outline-disclosure {
     1053    font-size: 11px;
     1054}
     1055
    10511056.outline-disclosure > ol {
    10521057    position: relative;
    … …  
    10601065.outline-disclosure, .outline-disclosure ol {
    10611066    list-style-type: none;
    1062     font-size: 11px;
    10631067    -webkit-padding-start: 12px;
    10641068    margin: 0;
    10651069}
    10661070
     1071.source-code {
     1072    font-family: monospace;
     1073    font-size: 10px;
     1074    white-space: pre-wrap;
     1075}
     1076
     1077body.platform-mac-tiger .source-code {
     1078    font-family: Monaco, monospace;
     1079}
     1080
     1081body.platform-mac-leopard .source-code {
     1082    font-family: Monaco, monospace;
     1083}
     1084
     1085body.platform-windows .source-code {
     1086    font-family: Consolas, Lucida Console, monospace;
     1087    font-size: 12px;
     1088}
     1089
    10671090.outline-disclosure li {
    1068     padding: 0 0 2px 14px;
     1091    padding: 0 0 0 14px;
    10691092    margin-top: 1px;
    10701093    margin-bottom: 1px;
    … …  
    10741097
    10751098.resources .outline-disclosure li {
    1076     text-indent: 0
     1099    text-indent: -1px;
    10771100}
    10781101
Note: See TracChangeset for help on using the changeset viewer.