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 |