| Index: chrome_linux64/resources/inspector/sourcesPanel.css
|
| ===================================================================
|
| --- chrome_linux64/resources/inspector/sourcesPanel.css (revision 273864)
|
| +++ chrome_linux64/resources/inspector/sourcesPanel.css (working copy)
|
| @@ -31,14 +31,10 @@
|
| -webkit-mask-position: -256px 0;
|
| }
|
|
|
| -.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
|
| +.scripts-pause-on-exceptions-status-bar-item.toggled-on .glyph {
|
| background-color: rgb(66, 129, 235);
|
| }
|
|
|
| -.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
|
| - background-color: purple;
|
| -}
|
| -
|
| .evaluate-snippet-status-bar-item .glyph {
|
| -webkit-mask-position: -64px -48px;
|
| }
|
| @@ -47,14 +43,36 @@
|
| background-color: rgb(66, 129, 235);
|
| }
|
|
|
| -#scripts-debug-toolbar {
|
| - position: relative;
|
| - margin-top: -1px;
|
| - height: 24px;
|
| - border-bottom: 1px solid rgb(202, 202, 202);
|
| +.scripts-debug-toolbar {
|
| + position: absolute;
|
| + top: 0;
|
| + width: 100%;
|
| background-color: rgb(236, 236, 236);
|
| + overflow: hidden;
|
| + white-space: nowrap;
|
| }
|
|
|
| +.scripts-debug-toolbar-drawer {
|
| + flex: 0 0 46px;
|
| + -webkit-transition: margin-top 0.1s ease-in-out;
|
| + margin-top: -23px;
|
| + line-height: 23px;
|
| + padding-top: 22px;
|
| + border-bottom: 1px solid rgb(202, 202, 202);
|
| + background-color: white;
|
| + overflow: hidden;
|
| +}
|
| +
|
| +.scripts-debug-toolbar-drawer.expanded {
|
| + margin-top: 0;
|
| +}
|
| +
|
| +.scripts-debug-toolbar-drawer > label {
|
| + display: flex;
|
| + padding-left: 3px;
|
| + border-top: 1px solid rgb(196,196,196);
|
| +}
|
| +
|
| #scripts-editor-toolbar {
|
| position: relative;
|
| margin-top: -1px;
|
| @@ -97,65 +115,56 @@
|
| -webkit-mask-position: 0 -24px;
|
| }
|
|
|
| -.status-bar-item.scripts-navigator-show-hide-button,
|
| -.status-bar-item.scripts-debugger-show-hide-button {
|
| - opacity: 0.9;
|
| +.dedicated-worker-item {
|
| + margin: 5px 0 5px 1px;
|
| }
|
|
|
| -.panel.sources .tabbed-pane-header {
|
| - background-color: rgb(236, 236, 236);
|
| +#shared-workers-list {
|
| + margin: 5px 0 5px 20px;
|
| + font-style:italic;
|
| }
|
|
|
| -button.status-bar-item.scripts-navigator-show-hide-button {
|
| - left: 0;
|
| +#pause-workers-checkbox > input {
|
| + position: relative;
|
| + top: 2px;
|
| }
|
|
|
| -button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay {
|
| - left: auto;
|
| - right: 15px;
|
| +.panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-contents {
|
| + margin-left: 22px;
|
| + margin-right: 36px;
|
| }
|
|
|
| -.scripts-views-container {
|
| - position: absolute;
|
| - top: 23px;
|
| - right: 0;
|
| - bottom: 0;
|
| - left: 0;
|
| +.panel.sources .split-view button.scripts-debugger-show-hide-button.right-sidebar-show-hide-button.toggled-hide {
|
| + margin-right: 15px;
|
| }
|
|
|
| -.script-view {
|
| - display: none;
|
| - overflow: hidden;
|
| - position: absolute;
|
| - top: 0;
|
| - right: 0;
|
| +.panel.sources .split-view #scripts-debug-sidebar-resizer-widget.ns-resizer-widget {
|
| + -webkit-transform: rotate(90deg);
|
| + right: 17px;
|
| + bottom: 4px;
|
| + top: auto;
|
| + height: 10px;
|
| + width: 18px;
|
| +}
|
| +
|
| +.panel.sources .split-view.hbox #scripts-debug-sidebar-resizer-widget {
|
| bottom: 0;
|
| - left: 0;
|
| }
|
|
|
| -.script-view.visible {
|
| +.panel.sources .scripts-debugger-show-hide-button {
|
| display: block;
|
| }
|
|
|
| -.dedicated-worker-item {
|
| - margin: 5px 0 5px 1px;
|
| +.panel.sources button.status-bar-item.scripts-navigator-show-hide-button {
|
| + display: block;
|
| + top: 4px;
|
| + left: 4px;
|
| }
|
|
|
| -#shared-workers-list {
|
| - margin: 5px 0 5px 20px;
|
| - font-style:italic;
|
| +.panel.sources .navigator-tabbed-pane .tabbed-pane-header {
|
| + background-color: rgb(236, 236, 236);
|
| }
|
|
|
| -#pause-workers-checkbox > input {
|
| - position: relative;
|
| - top: 2px;
|
| -}
|
| -
|
| -.panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-contents {
|
| - margin-left: 20px;
|
| - margin-right: 36px;
|
| -}
|
| -
|
| .function-location-link {
|
| float: right;
|
| margin-left: 10px;
|
| @@ -171,20 +180,6 @@
|
| font-weight: bold;
|
| }
|
|
|
| -button.status-bar-item.scripts-debugger-show-hide-button {
|
| - right: 15px;
|
| -}
|
| -
|
| -button.status-bar-item.scripts-debugger-show-hide-button.toggled-left {
|
| - right: 0;
|
| -}
|
| -
|
| -div.sidebar-pane-stack#scripts-debug-sidebar-contents,
|
| -#scripts-sidebar-stack-pane {
|
| - top: 23px;
|
| - overflow: auto;
|
| -}
|
| -
|
| .workers-list > li {
|
| overflow: hidden;
|
| text-overflow: ellipsis;
|
| @@ -203,47 +198,27 @@
|
| color: rgb(15%, 15%, 15%);
|
| }
|
|
|
| -.source-frame-debugger-script {
|
| - background-color: rgba(255, 255, 194, 0.5);
|
| +.panel.sources .sidebar-pane-stack {
|
| + overflow: auto;
|
| }
|
|
|
| -.source-frame-unsaved-committed-changes {
|
| - background-color: rgba(255, 225, 205, 0.40);
|
| +.threads-toolbar {
|
| + padding-left: 10px;
|
| + margin-top: -1px;
|
| }
|
|
|
| -.tabbed-pane-placeholder {
|
| - font-size: 14px;
|
| - text-align: center;
|
| - margin-top: 20px;
|
| - text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
|
| +.panel.sources .drag-mask {
|
| + background-color: rgba(255,255,255,0.8);
|
| + z-index: 1000;
|
| }
|
|
|
| -.tabbed-pane-header-tab-icon {
|
| - width: 11px;
|
| - height: 10px;
|
| - margin-top: 3px;
|
| - float: left;
|
| - display: block;
|
| - margin-right: 1px;
|
| +.panel.sources .drag-mask-inner {
|
| + font-size: 30px;
|
| + color: #999;
|
| + display: flex;
|
| + justify-content: center;
|
| + align-items: center;
|
| + margin: 20px;
|
| + border: 4px dashed #ddd;
|
| + pointer-events: none;
|
| }
|
| -
|
| -.editor-container-unsaved-committed-changes-icon {
|
| - background-image: url(Images/statusbarButtonGlyphs.png);
|
| - background-size: 320px 144px;
|
| - background-position: -202px -107px;
|
| -}
|
| -
|
| -.sources-status-bar div.resizer-widget {
|
| - width: 18px;
|
| - height: 16px;
|
| - -webkit-transform: rotate(90deg);
|
| - top: 2px;
|
| - right: 17px;
|
| -}
|
| -
|
| -.sources-status-bar .scripts-debugger-show-hide-button {
|
| - margin-top: 1px !important;
|
| - height: 16px !important;
|
| - -webkit-transform: rotate(90deg);
|
| - right: 0 !important;
|
| -}
|
|
|