Changeset 46979 in webkit
- Timestamp:
- Aug 10, 2009 9:53:53 AM (15 years ago)
- Location:
- trunk/WebCore
- Files:
-
- 15 added
- 12 deleted
- 10 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/WebCore/ChangeLog
r46978 r46979 1 2009-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 1 50 2009-08-07 Brady Eidson <beidson@apple.com> 2 51 -
trunk/WebCore/WebCore.gypi
r46961 r46979 3415 3415 'xml/XSLTUnicodeSort.h', 3416 3416 ], 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 ], 3417 3598 } 3418 3599 } -
trunk/WebCore/inspector/front-end/ElementsPanel.js
r46732 r46979 98 98 this.sidebarResizeElement.addEventListener("mousedown", this.rightSidebarResizerDragStart.bind(this), false); 99 99 100 this.nodeSearchButton = document.createElement("button");100 this.nodeSearchButton = this.createStatusBarButton(); 101 101 this.nodeSearchButton.title = WebInspector.UIString("Select an element in the page to inspect it."); 102 102 this.nodeSearchButton.id = "node-search-status-bar-item"; -
trunk/WebCore/inspector/front-end/Panel.js
r37289 r46979 67 67 }, 68 68 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 69 81 show: function() 70 82 { -
trunk/WebCore/inspector/front-end/ProfilesPanel.js
r46891 r46979 60 60 this.element.appendChild(this.profileViews); 61 61 62 this.enableToggleButton = document.createElement("button");62 this.enableToggleButton = this.createStatusBarButton(); 63 63 this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item"; 64 64 this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind(this), false); 65 65 66 this.recordButton = document.createElement("button");66 this.recordButton = this.createStatusBarButton(); 67 67 this.recordButton.title = WebInspector.UIString("Start profiling."); 68 68 this.recordButton.id = "record-profile-status-bar-item"; -
trunk/WebCore/inspector/front-end/ResourcesPanel.js
r46337 r46979 136 136 this.element.appendChild(this.panelEnablerView.element); 137 137 138 this.enableToggleButton = document.createElement("button");138 this.enableToggleButton = this.createStatusBarButton(); 139 139 this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item"; 140 140 this.enableToggleButton.addEventListener("click", this._toggleResourceTracking.bind(this), false); 141 141 142 this.largerResourcesButton = document.createElement("button");142 this.largerResourcesButton = this.createStatusBarButton(); 143 143 this.largerResourcesButton.id = "resources-larger-resources-status-bar-item"; 144 144 this.largerResourcesButton.className = "status-bar-item toggled-on"; -
trunk/WebCore/inspector/front-end/ScriptsPanel.js
r46402 r46979 152 152 this.element.appendChild(this.sidebarResizeElement); 153 153 154 this.enableToggleButton = document.createElement("button");154 this.enableToggleButton = this.createStatusBarButton(); 155 155 this.enableToggleButton.className = "enable-toggle-status-bar-item status-bar-item"; 156 156 this.enableToggleButton.addEventListener("click", this._toggleDebugging.bind(this), false); 157 157 158 this.pauseOnExceptionButton = document.createElement("button");158 this.pauseOnExceptionButton = this.createStatusBarButton(); 159 159 this.pauseOnExceptionButton.id = "scripts-pause-on-exceptions-status-bar-item"; 160 160 this.pauseOnExceptionButton.className = "status-bar-item"; -
trunk/WebCore/inspector/front-end/WebKit.qrc
r46972 r46979 60 60 <file>Images/back.png</file> 61 61 <file>Images/checker.png</file> 62 <file>Images/clearConsoleButton s.png</file>62 <file>Images/clearConsoleButtonGlyph.png</file> 63 63 <file>Images/closeButtons.png</file> 64 <file>Images/consoleButton s.png</file>64 <file>Images/consoleButtonGlyph.png</file> 65 65 <file>Images/database.png</file> 66 66 <file>Images/databasesIcon.png</file> … … 80 80 <file>Images/disclosureTriangleSmallRightDownWhite.png</file> 81 81 <file>Images/disclosureTriangleSmallRightWhite.png</file> 82 <file>Images/dockButton s.png</file>82 <file>Images/dockButtonGlyph.png</file> 83 83 <file>Images/domStorage.png</file> 84 84 <file>Images/elementsIcon.png</file> 85 <file>Images/enableButtons.png</file> 85 <file>Images/enableOutlineButtonGlyph.png</file> 86 <file>Images/enableSolidButtonGlyph.png</file> 86 87 <file>Images/errorIcon.png</file> 87 88 <file>Images/errorMediumIcon.png</file> 88 <file>Images/excludeButton s.png</file>89 <file>Images/focusButton s.png</file>89 <file>Images/excludeButtonGlyph.png</file> 90 <file>Images/focusButtonGlyph.png</file> 90 91 <file>Images/forward.png</file> 91 92 <file>Images/glossyHeader.png</file> … … 96 97 <file>Images/graphLabelCalloutLeft.png</file> 97 98 <file>Images/graphLabelCalloutRight.png</file> 98 <file>Images/largerResourcesButton s.png</file>99 <file>Images/nodeSearchButton s.png</file>99 <file>Images/largerResourcesButtonGlyph.png</file> 100 <file>Images/nodeSearchButtonGlyph.png</file> 100 101 <file>Images/paneBottomGrow.png</file> 101 102 <file>Images/paneBottomGrowActive.png</file> 102 103 <file>Images/paneGrowHandleLine.png</file> 103 <file>Images/pauseOnExceptionButton s.png</file>104 <file>Images/percentButton s.png</file>104 <file>Images/pauseOnExceptionButtonGlyph.png</file> 105 <file>Images/percentButtonGlyph.png</file> 105 106 <file>Images/profileGroupIcon.png</file> 106 107 <file>Images/profileIcon.png</file> … … 109 110 <file>Images/profilesSilhouette.png</file> 110 111 <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> 113 115 <file>Images/resourceCSSIcon.png</file> 114 116 <file>Images/resourceDocumentIcon.png</file> … … 167 169 <file>Images/treeUpTriangleBlack.png</file> 168 170 <file>Images/treeUpTriangleWhite.png</file> 171 <file>Images/undockButtonGlyph.png</file> 169 172 <file>Images/userInputIcon.png</file> 170 173 <file>Images/userInputPreviousIcon.png</file> -
trunk/WebCore/inspector/front-end/inspector.css
r46891 r46979 307 307 } 308 308 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 309 325 button.status-bar-item { 326 position: relative; 310 327 width: 32px; 311 328 background-image: url(Images/statusbarButtons.png); … … 314 331 315 332 button.status-bar-item:active { 316 background-position: 32px 0; 333 background-position: 32px 0 !important; 334 } 335 336 button.status-bar-item .glyph.shadow { 337 background-color: rgba(255, 255, 255, 0.33) !important; 338 } 339 340 button.status-bar-item.toggled-on .glyph { 341 background-color: rgb(66, 129, 235); 317 342 } 318 343 … … 339 364 } 340 365 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 370 body.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); 403 388 } 404 389 … … 2098 2083 } 2099 2084 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; 2085 button.enable-toggle-status-bar-item .glyph { 2086 -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png); 2087 } 2088 2089 button.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); 2130 2095 } 2131 2096 … … 2244 2209 } 2245 2210 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); 2260 2213 } 2261 2214 … … 3076 3029 } 3077 3030 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; 3031 button.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); 3156 3065 } 3157 3066 -
trunk/WebCore/inspector/front-end/inspector.html
r46972 r46979 96 96 <div id="main"> 97 97 <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> 99 99 </div> 100 100 <div id="drawer"> 101 101 <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> 103 103 </div> 104 104 </body>
Note: See TracChangeset
for help on using the changeset viewer.