Changeset 46979 in webkit


Ignore:
Timestamp:
Aug 10, 2009 9:53:53 AM (15 years ago)
Author:
pfeldman@chromium.org
Message:

2009-08-10 Pavel Feldman <pfeldman@chromium.org>

Reviewed by Timothy Hatcher.

Web Inspector: Make all status bar button images glyph-based.

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

  • inspector/front-end/ElementsPanel.js: (WebInspector.ElementsPanel):
  • inspector/front-end/Images/clearConsoleButtonGlyph.png: Added.
  • inspector/front-end/Images/clearConsoleButtons.png: Removed.
  • inspector/front-end/Images/consoleButtonGlyph.png: Added.
  • inspector/front-end/Images/consoleButtons.png: Removed.
  • inspector/front-end/Images/dockButtonGlyph.png: Added.
  • inspector/front-end/Images/dockButtons.png: Removed.
  • inspector/front-end/Images/enableButtons.png: Removed.
  • inspector/front-end/Images/enableOutlineButtonGlyph.png: Added.
  • inspector/front-end/Images/enableSolidButtonGlyph.png: Added.
  • inspector/front-end/Images/excludeButtonGlyph.png: Added.
  • inspector/front-end/Images/excludeButtons.png: Removed.
  • inspector/front-end/Images/focusButtonGlyph.png: Added.
  • inspector/front-end/Images/focusButtons.png: Removed.
  • inspector/front-end/Images/largerResourcesButtonGlyph.png: Added.
  • inspector/front-end/Images/largerResourcesButtons.png: Removed.
  • inspector/front-end/Images/nodeSearchButtonGlyph.png: Added.
  • inspector/front-end/Images/nodeSearchButtons.png: Removed.
  • inspector/front-end/Images/pauseOnExceptionButtonGlyph.png: Added.
  • inspector/front-end/Images/pauseOnExceptionButtons.png: Removed.
  • inspector/front-end/Images/percentButtonGlyph.png: Added.
  • inspector/front-end/Images/percentButtons.png: Removed.
  • inspector/front-end/Images/recordButtonGlyph.png: Added.
  • inspector/front-end/Images/recordButtons.png: Removed.
  • inspector/front-end/Images/recordToggledButtonGlyph.png: Added.
  • inspector/front-end/Images/reloadButtonGlyph.png: Added.
  • inspector/front-end/Images/reloadButtons.png: Removed.
  • inspector/front-end/Images/undockButtonGlyph.png: Added.
  • inspector/front-end/Panel.js: (WebInspector.Panel.prototype.createStatusBarButton):
  • inspector/front-end/ProfilesPanel.js: (WebInspector.ProfilesPanel):
  • inspector/front-end/ResourcesPanel.js: (WebInspector.ResourcesPanel):
  • inspector/front-end/ScriptsPanel.js: (WebInspector.ScriptsPanel):
  • inspector/front-end/WebKit.qrc:
  • inspector/front-end/inspector.css:
  • inspector/front-end/inspector.html:
Location:
trunk/WebCore
Files:
15 added
12 deleted
10 edited

Legend:

Unmodified
Added
Removed
  • trunk/WebCore/ChangeLog

    r46978 r46979  
     12009-08-10  Pavel Feldman  <pfeldman@chromium.org>
     2
     3        Reviewed by Timothy Hatcher.
     4
     5        Web Inspector: Make all status bar button images glyph-based.
     6
     7        https://bugs.webkit.org/show_bug.cgi?id=28124
     8
     9        * inspector/front-end/ElementsPanel.js:
     10        (WebInspector.ElementsPanel):
     11        * inspector/front-end/Images/clearConsoleButtonGlyph.png: Added.
     12        * inspector/front-end/Images/clearConsoleButtons.png: Removed.
     13        * inspector/front-end/Images/consoleButtonGlyph.png: Added.
     14        * inspector/front-end/Images/consoleButtons.png: Removed.
     15        * inspector/front-end/Images/dockButtonGlyph.png: Added.
     16        * inspector/front-end/Images/dockButtons.png: Removed.
     17        * inspector/front-end/Images/enableButtons.png: Removed.
     18        * inspector/front-end/Images/enableOutlineButtonGlyph.png: Added.
     19        * inspector/front-end/Images/enableSolidButtonGlyph.png: Added.
     20        * inspector/front-end/Images/excludeButtonGlyph.png: Added.
     21        * inspector/front-end/Images/excludeButtons.png: Removed.
     22        * inspector/front-end/Images/focusButtonGlyph.png: Added.
     23        * inspector/front-end/Images/focusButtons.png: Removed.
     24        * inspector/front-end/Images/largerResourcesButtonGlyph.png: Added.
     25        * inspector/front-end/Images/largerResourcesButtons.png: Removed.
     26        * inspector/front-end/Images/nodeSearchButtonGlyph.png: Added.
     27        * inspector/front-end/Images/nodeSearchButtons.png: Removed.
     28        * inspector/front-end/Images/pauseOnExceptionButtonGlyph.png: Added.
     29        * inspector/front-end/Images/pauseOnExceptionButtons.png: Removed.
     30        * inspector/front-end/Images/percentButtonGlyph.png: Added.
     31        * inspector/front-end/Images/percentButtons.png: Removed.
     32        * inspector/front-end/Images/recordButtonGlyph.png: Added.
     33        * inspector/front-end/Images/recordButtons.png: Removed.
     34        * inspector/front-end/Images/recordToggledButtonGlyph.png: Added.
     35        * inspector/front-end/Images/reloadButtonGlyph.png: Added.
     36        * inspector/front-end/Images/reloadButtons.png: Removed.
     37        * inspector/front-end/Images/undockButtonGlyph.png: Added.
     38        * inspector/front-end/Panel.js:
     39        (WebInspector.Panel.prototype.createStatusBarButton):
     40        * inspector/front-end/ProfilesPanel.js:
     41        (WebInspector.ProfilesPanel):
     42        * inspector/front-end/ResourcesPanel.js:
     43        (WebInspector.ResourcesPanel):
     44        * inspector/front-end/ScriptsPanel.js:
     45        (WebInspector.ScriptsPanel):
     46        * inspector/front-end/WebKit.qrc:
     47        * inspector/front-end/inspector.css:
     48        * inspector/front-end/inspector.html:
     49
    1502009-08-07  Brady Eidson  <beidson@apple.com>
    251
  • trunk/WebCore/WebCore.gypi

    r46961 r46979  
    34153415            'xml/XSLTUnicodeSort.h',
    34163416        ],
     3417        'webinspector_files': [
     3418
     3419            'inspector/front-end/inspector.html',
     3420            'inspector/front-end/BottomUpProfileDataGridTree.js',
     3421            'inspector/front-end/Breakpoint.js',
     3422            'inspector/front-end/BreakpointsSidebarPane.js',
     3423            'inspector/front-end/Callback.js',
     3424            'inspector/front-end/CallStackSidebarPane.js',
     3425            'inspector/front-end/ChangesView.js',
     3426            'inspector/front-end/Color.js',
     3427            'inspector/front-end/ConsoleView.js',
     3428            'inspector/front-end/Database.js',
     3429            'inspector/front-end/DatabaseQueryView.js',
     3430            'inspector/front-end/DatabasesPanel.js',
     3431            'inspector/front-end/DatabaseTableView.js',
     3432            'inspector/front-end/DataGrid.js',
     3433            'inspector/front-end/DOMAgent.js',
     3434            'inspector/front-end/DOMStorage.js',
     3435            'inspector/front-end/DOMStorageDataGrid.js',
     3436            'inspector/front-end/DOMStorageItemsView.js',
     3437            'inspector/front-end/Drawer.js',
     3438            'inspector/front-end/ElementsPanel.js',
     3439            'inspector/front-end/ElementsTreeOutline.js',
     3440            'inspector/front-end/FontView.js',
     3441            'inspector/front-end/ImageView.js',
     3442            'inspector/front-end/InjectedScript.js',
     3443            'inspector/front-end/inspector.js',
     3444            'inspector/front-end/KeyboardShortcut.js',
     3445            'inspector/front-end/MetricsSidebarPane.js',
     3446            'inspector/front-end/Object.js',
     3447            'inspector/front-end/ObjectProxy.js',
     3448            'inspector/front-end/ObjectPropertiesSection.js',
     3449            'inspector/front-end/Panel.js',
     3450            'inspector/front-end/PanelEnablerView.js',
     3451            'inspector/front-end/Placard.js',
     3452            'inspector/front-end/ProfileDataGridTree.js',
     3453            'inspector/front-end/ProfilesPanel.js',
     3454            'inspector/front-end/ProfileView.js',
     3455            'inspector/front-end/PropertiesSection.js',
     3456            'inspector/front-end/PropertiesSidebarPane.js',
     3457            'inspector/front-end/Resource.js',
     3458            'inspector/front-end/ResourceCategory.js',
     3459            'inspector/front-end/ResourcesPanel.js',
     3460            'inspector/front-end/ResourceView.js',
     3461            'inspector/front-end/ScopeChainSidebarPane.js',
     3462            'inspector/front-end/Script.js',
     3463            'inspector/front-end/ScriptsPanel.js',
     3464            'inspector/front-end/ScriptView.js',
     3465            'inspector/front-end/SidebarPane.js',
     3466            'inspector/front-end/SidebarTreeElement.js',
     3467            'inspector/front-end/SourceFrame.js',
     3468            'inspector/front-end/SourceView.js',
     3469            'inspector/front-end/StylesSidebarPane.js',
     3470            'inspector/front-end/TextPrompt.js',
     3471            'inspector/front-end/TopDownProfileDataGridTree.js',
     3472            'inspector/front-end/treeoutline.js',
     3473            'inspector/front-end/utilities.js',
     3474            'inspector/front-end/View.js',
     3475            'inspector/front-end/inspector.css',
     3476        ],
     3477        'webinspector_image_files': [
     3478
     3479            'inspector/front-end/Images/back.png',
     3480            'inspector/front-end/Images/checker.png',
     3481            'inspector/front-end/Images/clearConsoleButtonGlyph.png',
     3482            'inspector/front-end/Images/closeButtons.png',
     3483            'inspector/front-end/Images/consoleButtonGlyph.png',
     3484            'inspector/front-end/Images/database.png',
     3485            'inspector/front-end/Images/databasesIcon.png',
     3486            'inspector/front-end/Images/databaseTable.png',
     3487            'inspector/front-end/Images/debuggerContinue.png',
     3488            'inspector/front-end/Images/debuggerPause.png',
     3489            'inspector/front-end/Images/debuggerStepInto.png',
     3490            'inspector/front-end/Images/debuggerStepOut.png',
     3491            'inspector/front-end/Images/debuggerStepOver.png',
     3492            'inspector/front-end/Images/disclosureTriangleSmallDown.png',
     3493            'inspector/front-end/Images/disclosureTriangleSmallDownBlack.png',
     3494            'inspector/front-end/Images/disclosureTriangleSmallDownWhite.png',
     3495            'inspector/front-end/Images/disclosureTriangleSmallRight.png',
     3496            'inspector/front-end/Images/disclosureTriangleSmallRightBlack.png',
     3497            'inspector/front-end/Images/disclosureTriangleSmallRightDown.png',
     3498            'inspector/front-end/Images/disclosureTriangleSmallRightDownBlack.png',
     3499            'inspector/front-end/Images/disclosureTriangleSmallRightDownWhite.png',
     3500            'inspector/front-end/Images/disclosureTriangleSmallRightWhite.png',
     3501            'inspector/front-end/Images/dockButtonGlyph.png',
     3502            'inspector/front-end/Images/domStorage.png',
     3503            'inspector/front-end/Images/elementsIcon.png',
     3504            'inspector/front-end/Images/enableOutlineButtonGlyph.png',
     3505            'inspector/front-end/Images/enableSolidButtonGlyph.png',
     3506            'inspector/front-end/Images/errorIcon.png',
     3507            'inspector/front-end/Images/errorMediumIcon.png',
     3508            'inspector/front-end/Images/excludeButtonGlyph.png',
     3509            'inspector/front-end/Images/focusButtonGlyph.png',
     3510            'inspector/front-end/Images/forward.png',
     3511            'inspector/front-end/Images/glossyHeader.png',
     3512            'inspector/front-end/Images/glossyHeaderPressed.png',
     3513            'inspector/front-end/Images/glossyHeaderSelected.png',
     3514            'inspector/front-end/Images/glossyHeaderSelectedPressed.png',
     3515            'inspector/front-end/Images/goArrow.png',
     3516            'inspector/front-end/Images/graphLabelCalloutLeft.png',
     3517            'inspector/front-end/Images/graphLabelCalloutRight.png',
     3518            'inspector/front-end/Images/largerResourcesButtonGlyph.png',
     3519            'inspector/front-end/Images/nodeSearchButtonGlyph.png',
     3520            'inspector/front-end/Images/paneBottomGrow.png',
     3521            'inspector/front-end/Images/paneBottomGrowActive.png',
     3522            'inspector/front-end/Images/paneGrowHandleLine.png',
     3523            'inspector/front-end/Images/pauseOnExceptionButtonGlyph.png',
     3524            'inspector/front-end/Images/percentButtonGlyph.png',
     3525            'inspector/front-end/Images/profileGroupIcon.png',
     3526            'inspector/front-end/Images/profileIcon.png',
     3527            'inspector/front-end/Images/profilesIcon.png',
     3528            'inspector/front-end/Images/profileSmallIcon.png',
     3529            'inspector/front-end/Images/profilesSilhouette.png',
     3530            'inspector/front-end/Images/radioDot.png',
     3531            'inspector/front-end/Images/recordButtonGlyph.png',
     3532            'inspector/front-end/Images/recordToggledButtonGlyph.png',
     3533            'inspector/front-end/Images/reloadButtonGlyph.png',
     3534            'inspector/front-end/Images/resourceCSSIcon.png',
     3535            'inspector/front-end/Images/resourceDocumentIcon.png',
     3536            'inspector/front-end/Images/resourceDocumentIconSmall.png',
     3537            'inspector/front-end/Images/resourceJSIcon.png',
     3538            'inspector/front-end/Images/resourcePlainIcon.png',
     3539            'inspector/front-end/Images/resourcePlainIconSmall.png',
     3540            'inspector/front-end/Images/resourcesIcon.png',
     3541            'inspector/front-end/Images/resourcesSilhouette.png',
     3542            'inspector/front-end/Images/resourcesSizeGraphIcon.png',
     3543            'inspector/front-end/Images/resourcesTimeGraphIcon.png',
     3544            'inspector/front-end/Images/scriptsIcon.png',
     3545            'inspector/front-end/Images/scriptsSilhouette.png',
     3546            'inspector/front-end/Images/searchSmallBlue.png',
     3547            'inspector/front-end/Images/searchSmallBrightBlue.png',
     3548            'inspector/front-end/Images/searchSmallGray.png',
     3549            'inspector/front-end/Images/searchSmallWhite.png',
     3550            'inspector/front-end/Images/segment.png',
     3551            'inspector/front-end/Images/segmentEnd.png',
     3552            'inspector/front-end/Images/segmentHover.png',
     3553            'inspector/front-end/Images/segmentHoverEnd.png',
     3554            'inspector/front-end/Images/segmentSelected.png',
     3555            'inspector/front-end/Images/segmentSelectedEnd.png',
     3556            'inspector/front-end/Images/splitviewDimple.png',
     3557            'inspector/front-end/Images/splitviewDividerBackground.png',
     3558            'inspector/front-end/Images/statusbarBackground.png',
     3559            'inspector/front-end/Images/statusbarBottomBackground.png',
     3560            'inspector/front-end/Images/statusbarButtons.png',
     3561            'inspector/front-end/Images/statusbarMenuButton.png',
     3562            'inspector/front-end/Images/statusbarMenuButtonSelected.png',
     3563            'inspector/front-end/Images/statusbarResizerHorizontal.png',
     3564            'inspector/front-end/Images/statusbarResizerVertical.png',
     3565            'inspector/front-end/Images/timelineHollowPillBlue.png',
     3566            'inspector/front-end/Images/timelineHollowPillGray.png',
     3567            'inspector/front-end/Images/timelineHollowPillGreen.png',
     3568            'inspector/front-end/Images/timelineHollowPillOrange.png',
     3569            'inspector/front-end/Images/timelineHollowPillPurple.png',
     3570            'inspector/front-end/Images/timelineHollowPillRed.png',
     3571            'inspector/front-end/Images/timelineHollowPillYellow.png',
     3572            'inspector/front-end/Images/timelinePillBlue.png',
     3573            'inspector/front-end/Images/timelinePillGray.png',
     3574            'inspector/front-end/Images/timelinePillGreen.png',
     3575            'inspector/front-end/Images/timelinePillOrange.png',
     3576            'inspector/front-end/Images/timelinePillPurple.png',
     3577            'inspector/front-end/Images/timelinePillRed.png',
     3578            'inspector/front-end/Images/timelinePillYellow.png',
     3579            'inspector/front-end/Images/tipBalloon.png',
     3580            'inspector/front-end/Images/tipBalloonBottom.png',
     3581            'inspector/front-end/Images/tipIcon.png',
     3582            'inspector/front-end/Images/tipIconPressed.png',
     3583            'inspector/front-end/Images/toolbarItemSelected.png',
     3584            'inspector/front-end/Images/treeDownTriangleBlack.png',
     3585            'inspector/front-end/Images/treeDownTriangleWhite.png',
     3586            'inspector/front-end/Images/treeRightTriangleBlack.png',
     3587            'inspector/front-end/Images/treeRightTriangleWhite.png',
     3588            'inspector/front-end/Images/treeUpTriangleBlack.png',
     3589            'inspector/front-end/Images/treeUpTriangleWhite.png',
     3590            'inspector/front-end/Images/undockButtonGlyph.png',
     3591            'inspector/front-end/Images/userInputIcon.png',
     3592            'inspector/front-end/Images/userInputPreviousIcon.png',
     3593            'inspector/front-end/Images/userInputResultIcon.png',
     3594            'inspector/front-end/Images/warningIcon.png',
     3595            'inspector/front-end/Images/warningMediumIcon.png',
     3596            'inspector/front-end/Images/warningsErrors.png',
     3597        ],
    34173598    }
    34183599}
  • trunk/WebCore/inspector/front-end/ElementsPanel.js

    r46732 r46979  
    9898    this.sidebarResizeElement.addEventListener("mousedown", this.rightSidebarResizerDragStart.bind(this), false);
    9999
    100     this.nodeSearchButton = document.createElement("button");
     100    this.nodeSearchButton = this.createStatusBarButton();
    101101    this.nodeSearchButton.title = WebInspector.UIString("Select an element in the page to inspect it.");
    102102    this.nodeSearchButton.id = "node-search-status-bar-item";
  • trunk/WebCore/inspector/front-end/Panel.js

    r37289 r46979  
    6767    },
    6868
     69    createStatusBarButton: function()
     70    {
     71        var button = document.createElement("button");
     72        var glyph = document.createElement("div");
     73        glyph.className = "glyph";
     74        button.appendChild(glyph);
     75        var glyphShadow = document.createElement("div");
     76        glyphShadow.className = "glyph shadow";
     77        button.appendChild(glyphShadow);
     78        return button;
     79    },
     80
    6981    show: function()
    7082    {
  • trunk/WebCore/inspector/front-end/ProfilesPanel.js

    r46891 r46979  
    6060    this.element.appendChild(this.profileViews);
    6161
    62     this.enableToggleButton = document.createElement("button");
     62    this.enableToggleButton = this.createStatusBarButton();
    6363    this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item";
    6464    this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind(this), false);
    6565
    66     this.recordButton = document.createElement("button");
     66    this.recordButton = this.createStatusBarButton();
    6767    this.recordButton.title = WebInspector.UIString("Start profiling.");
    6868    this.recordButton.id = "record-profile-status-bar-item";
  • trunk/WebCore/inspector/front-end/ResourcesPanel.js

    r46337 r46979  
    136136    this.element.appendChild(this.panelEnablerView.element);
    137137
    138     this.enableToggleButton = document.createElement("button");
     138    this.enableToggleButton = this.createStatusBarButton();
    139139    this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item";
    140140    this.enableToggleButton.addEventListener("click", this._toggleResourceTracking.bind(this), false);
    141141
    142     this.largerResourcesButton = document.createElement("button");
     142    this.largerResourcesButton = this.createStatusBarButton();
    143143    this.largerResourcesButton.id = "resources-larger-resources-status-bar-item";
    144144    this.largerResourcesButton.className = "status-bar-item toggled-on";
  • trunk/WebCore/inspector/front-end/ScriptsPanel.js

    r46402 r46979  
    152152    this.element.appendChild(this.sidebarResizeElement);
    153153
    154     this.enableToggleButton = document.createElement("button");
     154    this.enableToggleButton = this.createStatusBarButton();
    155155    this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item";
    156156    this.enableToggleButton.addEventListener("click", this._toggleDebugging.bind(this), false);
    157157
    158     this.pauseOnExceptionButton = document.createElement("button");
     158    this.pauseOnExceptionButton = this.createStatusBarButton();
    159159    this.pauseOnExceptionButton.id = "scripts-pause-on-exceptions-status-bar-item";
    160160    this.pauseOnExceptionButton.className = "status-bar-item";
  • trunk/WebCore/inspector/front-end/WebKit.qrc

    r46972 r46979  
    6060    <file>Images/back.png</file>
    6161    <file>Images/checker.png</file>
    62     <file>Images/clearConsoleButtons.png</file>
     62    <file>Images/clearConsoleButtonGlyph.png</file>
    6363    <file>Images/closeButtons.png</file>
    64     <file>Images/consoleButtons.png</file>
     64    <file>Images/consoleButtonGlyph.png</file>
    6565    <file>Images/database.png</file>
    6666    <file>Images/databasesIcon.png</file>
     
    8080    <file>Images/disclosureTriangleSmallRightDownWhite.png</file>
    8181    <file>Images/disclosureTriangleSmallRightWhite.png</file>
    82     <file>Images/dockButtons.png</file>
     82    <file>Images/dockButtonGlyph.png</file>
    8383    <file>Images/domStorage.png</file>
    8484    <file>Images/elementsIcon.png</file>
    85     <file>Images/enableButtons.png</file>
     85    <file>Images/enableOutlineButtonGlyph.png</file>
     86    <file>Images/enableSolidButtonGlyph.png</file>
    8687    <file>Images/errorIcon.png</file>
    8788    <file>Images/errorMediumIcon.png</file>
    88     <file>Images/excludeButtons.png</file>
    89     <file>Images/focusButtons.png</file>
     89    <file>Images/excludeButtonGlyph.png</file>
     90    <file>Images/focusButtonGlyph.png</file>
    9091    <file>Images/forward.png</file>
    9192    <file>Images/glossyHeader.png</file>
     
    9697    <file>Images/graphLabelCalloutLeft.png</file>
    9798    <file>Images/graphLabelCalloutRight.png</file>
    98     <file>Images/largerResourcesButtons.png</file>
    99     <file>Images/nodeSearchButtons.png</file>
     99    <file>Images/largerResourcesButtonGlyph.png</file>
     100    <file>Images/nodeSearchButtonGlyph.png</file>
    100101    <file>Images/paneBottomGrow.png</file>
    101102    <file>Images/paneBottomGrowActive.png</file>
    102103    <file>Images/paneGrowHandleLine.png</file>
    103     <file>Images/pauseOnExceptionButtons.png</file>
    104     <file>Images/percentButtons.png</file>
     104    <file>Images/pauseOnExceptionButtonGlyph.png</file>
     105    <file>Images/percentButtonGlyph.png</file>
    105106    <file>Images/profileGroupIcon.png</file>
    106107    <file>Images/profileIcon.png</file>
     
    109110    <file>Images/profilesSilhouette.png</file>
    110111    <file>Images/radioDot.png</file>
    111     <file>Images/recordButtons.png</file>
    112     <file>Images/reloadButtons.png</file>
     112    <file>Images/recordButtonGlyph.png</file>
     113    <file>Images/recordToggledButtonGlyph.png</file>
     114    <file>Images/reloadButtonGlyph.png</file>
    113115    <file>Images/resourceCSSIcon.png</file>
    114116    <file>Images/resourceDocumentIcon.png</file>
     
    167169    <file>Images/treeUpTriangleBlack.png</file>
    168170    <file>Images/treeUpTriangleWhite.png</file>
     171    <file>Images/undockButtonGlyph.png</file>
    169172    <file>Images/userInputIcon.png</file>
    170173    <file>Images/userInputPreviousIcon.png</file>
  • trunk/WebCore/inspector/front-end/inspector.css

    r46891 r46979  
    307307}
    308308
     309.glyph {
     310    position: absolute;
     311    top: 0;
     312    left: 0;
     313    right: 0;
     314    bottom: 0;
     315    background-color: rgba(0, 0, 0, 0.75);
     316    z-index: 1;
     317}
     318
     319.glyph.shadow {
     320    top: 1px;
     321    background-color: white !important;
     322    z-index: 0;
     323}
     324
    309325button.status-bar-item {
     326    position: relative;
    310327    width: 32px;
    311328    background-image: url(Images/statusbarButtons.png);
     
    314331
    315332button.status-bar-item:active {
    316     background-position: 32px 0;
     333    background-position: 32px 0 !important;
     334}
     335
     336button.status-bar-item .glyph.shadow {
     337    background-color: rgba(255, 255, 255, 0.33) !important;
     338}
     339
     340button.status-bar-item.toggled-on .glyph {
     341    background-color: rgb(66, 129, 235);
    317342}
    318343
     
    339364}
    340365
    341 #dock-status-bar-item {
    342     background-image: url(Images/dockButtons.png);
    343 }
    344 
    345 body.attached #dock-status-bar-item:active {
    346     background-position: 32px 0;
    347 }
    348 
    349 body.detached #dock-status-bar-item {
    350     background-position: 0 24px;
    351 }
    352 
    353 body.detached #dock-status-bar-item.toggled-on:active {
    354     background-position: 32px 24px;
    355 }
    356 
    357 #console-status-bar-item {
    358     background-image: url(Images/consoleButtons.png);
    359 }
    360 
    361 #console-status-bar-item:active {
    362     background-position: 32px 0;
    363 }
    364 
    365 #console-status-bar-item.toggled-on {
    366     background-position: 0 24px;
    367 }
    368 
    369 #console-status-bar-item.toggled-on:active {
    370     background-position: 32px 24px;
    371 }
    372 
    373 #clear-console-status-bar-item {
    374     background-image: url(Images/clearConsoleButtons.png);
    375 }
    376 
    377 #clear-console-status-bar-item:active {
    378     background-position: 32px 0;
    379 }
    380 
    381 #changes-status-bar-item {
    382     background-image: url(Images/consoleButtons.png); /* TODO: Needs Image for Changes Toggle Button */
    383 }
    384 
    385 #changes-status-bar-item:active {
    386     background-position: 32px 0;
    387 }
    388 
    389 #changes-status-bar-item.toggled-on {
    390     background-position: 0 24px;
    391 }
    392 
    393 #changes-status-bar-item.toggled-on:active {
    394     background-position: 32px 24px;
    395 }
    396 
    397 #clear-changes-status-bar-item {
    398     background-image: url(Images/clearConsoleButtons.png);
    399 }
    400 
    401 #clear-changes-status-bar-item:active {
    402     background-position: 32px 0;
     366#dock-status-bar-item .glyph {
     367    -webkit-mask-image: url(Images/undockButtonGlyph.png);
     368}
     369
     370body.detached #dock-status-bar-item .glyph {
     371    -webkit-mask-image: url(Images/dockButtonGlyph.png);
     372}
     373
     374#console-status-bar-item .glyph {
     375    -webkit-mask-image: url(Images/consoleButtonGlyph.png);
     376}
     377
     378#clear-console-status-bar-item .glyph {
     379    -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png);
     380}
     381
     382#changes-status-bar-item .glyph {
     383    -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image for Changes Toggle Button */
     384}
     385
     386#clear-changes-status-bar-item .glyph {
     387    -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png);
    403388}
    404389
     
    20982083}
    20992084
    2100 button.enable-toggle-status-bar-item {
    2101     background-image: url(Images/enableButtons.png);
    2102 }
    2103 
    2104 button.enable-toggle-status-bar-item:active {
    2105     background-position: 32px 0;
    2106 }
    2107 
    2108 button.enable-toggle-status-bar-item.toggled-on {
    2109     background-position: 0 24px;
    2110 }
    2111 
    2112 button.enable-toggle-status-bar-item.toggled-on:active {
    2113     background-position: 32px 24px;
    2114 }
    2115 
    2116 #scripts-pause-on-exceptions-status-bar-item {
    2117     background-image: url(Images/pauseOnExceptionButtons.png);
    2118 }
    2119 
    2120 #scripts-pause-on-exceptions-status-bar-item:active {
    2121     background-position: 32px 0;
    2122 }
    2123 
    2124 #scripts-pause-on-exceptions-status-bar-item.toggled-on {
    2125     background-position: 0 24px;
    2126 }
    2127 
    2128 #scripts-pause-on-exceptions-status-bar-item.toggled-on:active {
    2129     background-position: 32px 24px;
     2085button.enable-toggle-status-bar-item .glyph {
     2086    -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png);
     2087}
     2088
     2089button.enable-toggle-status-bar-item.toggled-on .glyph {
     2090    -webkit-mask-image: url(Images/enableSolidButtonGlyph.png);
     2091}
     2092
     2093#scripts-pause-on-exceptions-status-bar-item .glyph {
     2094    -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png);
    21302095}
    21312096
     
    22442209}
    22452210
    2246 #resources-larger-resources-status-bar-item {
    2247     background-image: url(Images/largerResourcesButtons.png);
    2248 }
    2249 
    2250 #resources-larger-resources-status-bar-item:active {
    2251     background-position: 32px 0;
    2252 }
    2253 
    2254 #resources-larger-resources-status-bar-item.toggled-on {
    2255     background-position: 0 24px;
    2256 }
    2257 
    2258 #resources-larger-resources-status-bar-item.toggled-on:active {
    2259     background-position: 32px 24px;
     2211#resources-larger-resources-status-bar-item .glyph {
     2212    -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
    22602213}
    22612214
     
    30763029}
    30773030
    3078 #record-profile-status-bar-item {
    3079     background-image: url(Images/recordButtons.png);
    3080 }
    3081 
    3082 #record-profile-status-bar-item:active {
    3083     background-position: 32px 0;
    3084 }
    3085 
    3086 #record-profile-status-bar-item.toggled-on {
    3087     background-position: 0 24px;
    3088 }
    3089 
    3090 #record-profile-status-bar-item.toggled-on:active {
    3091     background-position: 32px 24px;
    3092 }
    3093 
    3094 #node-search-status-bar-item {
    3095     background-image: url(Images/nodeSearchButtons.png);
    3096 }
    3097 
    3098 #node-search-status-bar-item:active {
    3099     background-position: 32px 0;
    3100 }
    3101 
    3102 #node-search-status-bar-item.toggled-on {
    3103     background-position: 0 24px;
    3104 }
    3105 
    3106 #node-search-status-bar-item.toggled-on:active {
    3107     background-position: 32px 24px;
    3108 }
    3109 
    3110 .percent-time-status-bar-item {
    3111     background-image: url(Images/percentButtons.png) !important;
    3112 }
    3113 
    3114 .percent-time-status-bar-item:active {
    3115     background-position: 32px 0;
    3116 }
    3117 
    3118 .percent-time-status-bar-item.toggled-on {
    3119     background-position: 0 24px;
    3120 }
    3121 
    3122 .percent-time-status-bar-item.toggled-on:active {
    3123     background-position: 32px 24px;
    3124 }
    3125 
    3126 .focus-profile-node-status-bar-item {
    3127     background-image: url(Images/focusButtons.png) !important;
    3128 }
    3129 
    3130 .focus-profile-node-status-bar-item:active {
    3131     background-position: 32px 0;
    3132 }
    3133 
    3134 .exclude-profile-node-status-bar-item {
    3135     background-image: url(Images/excludeButtons.png) !important;
    3136 }
    3137 
    3138 .exclude-profile-node-status-bar-item:active {
    3139     background-position: 32px 0;
    3140 }
    3141 
    3142 .reset-profile-status-bar-item {
    3143     background-image: url(Images/reloadButtons.png) !important;
    3144 }
    3145 
    3146 .reset-profile-status-bar-item:active {
    3147     background-position: 32px 0;
    3148 }
    3149 
    3150 .delete-storage-status-bar-item {
    3151     background-image: url(Images/excludeButtons.png) !important;
    3152 }
    3153 
    3154 .delete-storage-status-bar-item:active {
    3155     background-position: 32px 0;
     3031button.enable-toggle-status-bar-item .glyph {
     3032}
     3033
     3034#record-profile-status-bar-item .glyph {
     3035    -webkit-mask-image: url(Images/recordButtonGlyph.png);
     3036}
     3037
     3038#record-profile-status-bar-item.toggled-on .glyph {
     3039    -webkit-mask-image: url(Images/recordToggledButtonGlyph.png);
     3040    background-color: rgb(216, 0, 0);
     3041}
     3042
     3043#node-search-status-bar-item .glyph {
     3044    -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png);
     3045}
     3046
     3047.percent-time-status-bar-item .glyph {
     3048    -webkit-mask-image: url(Images/percentButtonGlyph.png);
     3049}
     3050
     3051.focus-profile-node-status-bar-item .glyph {
     3052    -webkit-mask-image: url(Images/focusButtonGlyph.png);
     3053}
     3054
     3055.exclude-profile-node-status-bar-item .glyph {
     3056    -webkit-mask-image: url(Images/excludeButtonGlyph.png);
     3057}
     3058
     3059.reset-profile-status-bar-item .glyph {
     3060    -webkit-mask-image: url(Images/reloadButtonGlyph.png);
     3061}
     3062
     3063.delete-storage-status-bar-item .glyph {
     3064    -webkit-mask-image: url(Images/excludeButtonGlyph.png);
    31563065}
    31573066
  • trunk/WebCore/inspector/front-end/inspector.html

    r46972 r46979  
    9696    <div id="main">
    9797        <div id="main-panels" tabindex="0" spellcheck="false"></div>
    98         <div id="main-status-bar" class="status-bar"><div id="anchored-status-bar-items"><button id="dock-status-bar-item" class="status-bar-item toggled"></button><button id="console-status-bar-item" class="status-bar-item"></button><button id="changes-status-bar-item" class="status-bar-item hidden"></button><div id="count-items"><div id="changes-count" class="hidden"></div><div id="error-warning-count" class="hidden"></div></div></div></div>
     98        <div id="main-status-bar" class="status-bar"><div id="anchored-status-bar-items"><button id="dock-status-bar-item" class="status-bar-item toggled"><div class="glyph"></div><div class="glyph shadow"></div></button><button id="console-status-bar-item" class="status-bar-item"><div class="glyph"></div><div class="glyph shadow"></div></button><button id="changes-status-bar-item" class="status-bar-item hidden"></button><div id="count-items"><div id="changes-count" class="hidden"></div><div id="error-warning-count" class="hidden"></div></div></div></div>
    9999    </div>
    100100    <div id="drawer">
    101101        <div id="console-view"><div id="console-messages"><div id="console-prompt" spellcheck="false"><br></div></div></div>
    102         <div id="drawer-status-bar" class="status-bar"><div id="other-drawer-status-bar-items"><button id="clear-console-status-bar-item" class="status-bar-item"></button></div></div>
     102        <div id="drawer-status-bar" class="status-bar"><div id="other-drawer-status-bar-items"><button id="clear-console-status-bar-item" class="status-bar-item"><div class="glyph"></div><div class="glyph shadow"></div></button></div></div>
    103103    </div>
    104104</body>
Note: See TracChangeset for help on using the changeset viewer.