| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. | 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> | 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> |
| 4 * | 4 * |
| 5 * Redistribution and use in source and binary forms, with or without | 5 * Redistribution and use in source and binary forms, with or without |
| 6 * modification, are permitted provided that the following conditions | 6 * modification, are permitted provided that the following conditions |
| 7 * are met: | 7 * are met: |
| 8 * | 8 * |
| 9 * 1. Redistributions of source code must retain the above copyright | 9 * 1. Redistributions of source code must retain the above copyright |
| 10 * notice, this list of conditions and the following disclaimer. | 10 * notice, this list of conditions and the following disclaimer. |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
| 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
| 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 28 */ | 28 */ |
| 29 | 29 |
| 30 .scripts-pause-on-exceptions-status-bar-item .glyph { | 30 .scripts-pause-on-exceptions-status-bar-item .glyph { |
| 31 -webkit-mask-position: -256px 0; | 31 -webkit-mask-position: -256px 0; |
| 32 } | 32 } |
| 33 | 33 |
| 34 .scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph { | 34 .scripts-pause-on-exceptions-status-bar-item.toggled-on .glyph { |
| 35 background-color: rgb(66, 129, 235); | 35 background-color: rgb(66, 129, 235); |
| 36 } | 36 } |
| 37 | 37 |
| 38 .scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph { | |
| 39 background-color: purple; | |
| 40 } | |
| 41 | |
| 42 .evaluate-snippet-status-bar-item .glyph { | 38 .evaluate-snippet-status-bar-item .glyph { |
| 43 -webkit-mask-position: -64px -48px; | 39 -webkit-mask-position: -64px -48px; |
| 44 } | 40 } |
| 45 | 41 |
| 46 .evaluate-snippet-status-bar-item.toggled .glyph { | 42 .evaluate-snippet-status-bar-item.toggled .glyph { |
| 47 background-color: rgb(66, 129, 235); | 43 background-color: rgb(66, 129, 235); |
| 48 } | 44 } |
| 49 | 45 |
| 50 #scripts-debug-toolbar { | 46 .scripts-debug-toolbar { |
| 51 position: relative; | 47 position: absolute; |
| 52 margin-top: -1px; | 48 top: 0; |
| 53 height: 24px; | 49 width: 100%; |
| 50 background-color: rgb(236, 236, 236); |
| 51 overflow: hidden; |
| 52 white-space: nowrap; |
| 53 } |
| 54 |
| 55 .scripts-debug-toolbar-drawer { |
| 56 flex: 0 0 46px; |
| 57 -webkit-transition: margin-top 0.1s ease-in-out; |
| 58 margin-top: -23px; |
| 59 line-height: 23px; |
| 60 padding-top: 22px; |
| 54 border-bottom: 1px solid rgb(202, 202, 202); | 61 border-bottom: 1px solid rgb(202, 202, 202); |
| 55 background-color: rgb(236, 236, 236); | 62 background-color: white; |
| 63 overflow: hidden; |
| 64 } |
| 65 |
| 66 .scripts-debug-toolbar-drawer.expanded { |
| 67 margin-top: 0; |
| 68 } |
| 69 |
| 70 .scripts-debug-toolbar-drawer > label { |
| 71 display: flex; |
| 72 padding-left: 3px; |
| 73 border-top: 1px solid rgb(196,196,196); |
| 56 } | 74 } |
| 57 | 75 |
| 58 #scripts-editor-toolbar { | 76 #scripts-editor-toolbar { |
| 59 position: relative; | 77 position: relative; |
| 60 margin-top: -1px; | 78 margin-top: -1px; |
| 61 height: 24px; | 79 height: 24px; |
| 62 } | 80 } |
| 63 | 81 |
| 64 .scripts-run-snippet .glyph { | 82 .scripts-run-snippet .glyph { |
| 65 -webkit-mask-position: -64px -48px; | 83 -webkit-mask-position: -64px -48px; |
| (...skipping 24 matching lines...) Expand all Loading... |
| 90 } | 108 } |
| 91 | 109 |
| 92 .scripts-toggle-breakpoints.toggled-on .glyph { | 110 .scripts-toggle-breakpoints.toggled-on .glyph { |
| 93 -webkit-mask-position: -32px 0; | 111 -webkit-mask-position: -32px 0; |
| 94 } | 112 } |
| 95 | 113 |
| 96 .scripts-toggle-breakpoints .glyph { | 114 .scripts-toggle-breakpoints .glyph { |
| 97 -webkit-mask-position: 0 -24px; | 115 -webkit-mask-position: 0 -24px; |
| 98 } | 116 } |
| 99 | 117 |
| 100 .status-bar-item.scripts-navigator-show-hide-button, | |
| 101 .status-bar-item.scripts-debugger-show-hide-button { | |
| 102 opacity: 0.9; | |
| 103 } | |
| 104 | |
| 105 .panel.sources .tabbed-pane-header { | |
| 106 background-color: rgb(236, 236, 236); | |
| 107 } | |
| 108 | |
| 109 button.status-bar-item.scripts-navigator-show-hide-button { | |
| 110 left: 0; | |
| 111 } | |
| 112 | |
| 113 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay { | |
| 114 left: auto; | |
| 115 right: 15px; | |
| 116 } | |
| 117 | |
| 118 .scripts-views-container { | |
| 119 position: absolute; | |
| 120 top: 23px; | |
| 121 right: 0; | |
| 122 bottom: 0; | |
| 123 left: 0; | |
| 124 } | |
| 125 | |
| 126 .script-view { | |
| 127 display: none; | |
| 128 overflow: hidden; | |
| 129 position: absolute; | |
| 130 top: 0; | |
| 131 right: 0; | |
| 132 bottom: 0; | |
| 133 left: 0; | |
| 134 } | |
| 135 | |
| 136 .script-view.visible { | |
| 137 display: block; | |
| 138 } | |
| 139 | |
| 140 .dedicated-worker-item { | 118 .dedicated-worker-item { |
| 141 margin: 5px 0 5px 1px; | 119 margin: 5px 0 5px 1px; |
| 142 } | 120 } |
| 143 | 121 |
| 144 #shared-workers-list { | 122 #shared-workers-list { |
| 145 margin: 5px 0 5px 20px; | 123 margin: 5px 0 5px 20px; |
| 146 font-style:italic; | 124 font-style:italic; |
| 147 } | 125 } |
| 148 | 126 |
| 149 #pause-workers-checkbox > input { | 127 #pause-workers-checkbox > input { |
| 150 position: relative; | 128 position: relative; |
| 151 top: 2px; | 129 top: 2px; |
| 152 } | 130 } |
| 153 | 131 |
| 154 .panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-content
s { | 132 .panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-content
s { |
| 155 margin-left: 20px; | 133 margin-left: 22px; |
| 156 margin-right: 36px; | 134 margin-right: 36px; |
| 157 } | 135 } |
| 158 | 136 |
| 137 .panel.sources .split-view button.scripts-debugger-show-hide-button.right-sideba
r-show-hide-button.toggled-hide { |
| 138 margin-right: 15px; |
| 139 } |
| 140 |
| 141 .panel.sources .split-view #scripts-debug-sidebar-resizer-widget.ns-resizer-widg
et { |
| 142 -webkit-transform: rotate(90deg); |
| 143 right: 17px; |
| 144 bottom: 4px; |
| 145 top: auto; |
| 146 height: 10px; |
| 147 width: 18px; |
| 148 } |
| 149 |
| 150 .panel.sources .split-view.hbox #scripts-debug-sidebar-resizer-widget { |
| 151 bottom: 0; |
| 152 } |
| 153 |
| 154 .panel.sources .scripts-debugger-show-hide-button { |
| 155 display: block; |
| 156 } |
| 157 |
| 158 .panel.sources button.status-bar-item.scripts-navigator-show-hide-button { |
| 159 display: block; |
| 160 top: 4px; |
| 161 left: 4px; |
| 162 } |
| 163 |
| 164 .panel.sources .navigator-tabbed-pane .tabbed-pane-header { |
| 165 background-color: rgb(236, 236, 236); |
| 166 } |
| 167 |
| 159 .function-location-link { | 168 .function-location-link { |
| 160 float: right; | 169 float: right; |
| 161 margin-left: 10px; | 170 margin-left: 10px; |
| 162 } | 171 } |
| 163 | 172 |
| 164 .function-popover-title { | 173 .function-popover-title { |
| 165 border-bottom: 1px solid #AAA; | 174 border-bottom: 1px solid #AAA; |
| 166 margin-bottom: 3px; | 175 margin-bottom: 3px; |
| 167 padding-bottom: 2px; | 176 padding-bottom: 2px; |
| 168 } | 177 } |
| 169 | 178 |
| 170 .function-popover-title .function-name { | 179 .function-popover-title .function-name { |
| 171 font-weight: bold; | 180 font-weight: bold; |
| 172 } | 181 } |
| 173 | 182 |
| 174 button.status-bar-item.scripts-debugger-show-hide-button { | |
| 175 right: 15px; | |
| 176 } | |
| 177 | |
| 178 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left { | |
| 179 right: 0; | |
| 180 } | |
| 181 | |
| 182 div.sidebar-pane-stack#scripts-debug-sidebar-contents, | |
| 183 #scripts-sidebar-stack-pane { | |
| 184 top: 23px; | |
| 185 overflow: auto; | |
| 186 } | |
| 187 | |
| 188 .workers-list > li { | 183 .workers-list > li { |
| 189 overflow: hidden; | 184 overflow: hidden; |
| 190 text-overflow: ellipsis; | 185 text-overflow: ellipsis; |
| 191 white-space: nowrap; | 186 white-space: nowrap; |
| 192 margin-left: 1em; | 187 margin-left: 1em; |
| 193 font-size: 12px; | 188 font-size: 12px; |
| 194 } | 189 } |
| 195 | 190 |
| 196 a.worker-item { | 191 a.worker-item { |
| 197 color: rgb(33%, 33%, 33%); | 192 color: rgb(33%, 33%, 33%); |
| 198 cursor: pointer; | 193 cursor: pointer; |
| 199 text-decoration: none; | 194 text-decoration: none; |
| 200 } | 195 } |
| 201 | 196 |
| 202 a.worker-item:hover { | 197 a.worker-item:hover { |
| 203 color: rgb(15%, 15%, 15%); | 198 color: rgb(15%, 15%, 15%); |
| 204 } | 199 } |
| 205 | 200 |
| 206 .source-frame-debugger-script { | 201 .panel.sources .sidebar-pane-stack { |
| 207 background-color: rgba(255, 255, 194, 0.5); | 202 overflow: auto; |
| 208 } | 203 } |
| 209 | 204 |
| 210 .source-frame-unsaved-committed-changes { | 205 .threads-toolbar { |
| 211 background-color: rgba(255, 225, 205, 0.40); | 206 padding-left: 10px; |
| 207 margin-top: -1px; |
| 212 } | 208 } |
| 213 | 209 |
| 214 .tabbed-pane-placeholder { | 210 .panel.sources .drag-mask { |
| 215 font-size: 14px; | 211 background-color: rgba(255,255,255,0.8); |
| 216 text-align: center; | 212 z-index: 1000; |
| 217 margin-top: 20px; | |
| 218 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0; | |
| 219 } | 213 } |
| 220 | 214 |
| 221 .tabbed-pane-header-tab-icon { | 215 .panel.sources .drag-mask-inner { |
| 222 width: 11px; | 216 font-size: 30px; |
| 223 height: 10px; | 217 color: #999; |
| 224 margin-top: 3px; | 218 display: flex; |
| 225 float: left; | 219 justify-content: center; |
| 226 display: block; | 220 align-items: center; |
| 227 margin-right: 1px; | 221 margin: 20px; |
| 222 border: 4px dashed #ddd; |
| 223 pointer-events: none; |
| 228 } | 224 } |
| 229 | |
| 230 .editor-container-unsaved-committed-changes-icon { | |
| 231 background-image: url(Images/statusbarButtonGlyphs.png); | |
| 232 background-size: 320px 144px; | |
| 233 background-position: -202px -107px; | |
| 234 } | |
| 235 | |
| 236 .sources-status-bar div.resizer-widget { | |
| 237 width: 18px; | |
| 238 height: 16px; | |
| 239 -webkit-transform: rotate(90deg); | |
| 240 top: 2px; | |
| 241 right: 17px; | |
| 242 } | |
| 243 | |
| 244 .sources-status-bar .scripts-debugger-show-hide-button { | |
| 245 margin-top: 1px !important; | |
| 246 height: 16px !important; | |
| 247 -webkit-transform: rotate(90deg); | |
| 248 right: 0 !important; | |
| 249 } | |
| OLD | NEW |