| 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 55 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 66 } | 66 } |
| 67 | 67 |
| 68 #console-prompt .CodeMirror-line { | 68 #console-prompt .CodeMirror-line { |
| 69 padding-top: 0; | 69 padding-top: 0; |
| 70 } | 70 } |
| 71 | 71 |
| 72 #console-prompt .CodeMirror-lines { | 72 #console-prompt .CodeMirror-lines { |
| 73 padding-top: 0; | 73 padding-top: 0; |
| 74 } | 74 } |
| 75 | 75 |
| 76 #console-prompt::before { | 76 #console-prompt .console-prompt-icon { |
| 77 background-position: -20px -20px; | 77 position: absolute; |
| 78 margin-left: 4px; | 78 left: -13px; |
| 79 } | 79 top: 5px; |
| 80 | 80 -webkit-user-select: none; |
| 81 .console-log-level .console-user-command-result::before { | |
| 82 background-position: -40px -20px; | |
| 83 } | 81 } |
| 84 | 82 |
| 85 .console-message, | 83 .console-message, |
| 86 .console-user-command { | 84 .console-user-command { |
| 87 clear: right; | 85 clear: right; |
| 88 position: relative; | 86 position: relative; |
| 89 padding: 3px 22px 1px 0; | 87 padding: 3px 22px 1px 0; |
| 90 margin-left: 24px; | 88 margin-left: 24px; |
| 91 min-height: 18px; /* Sync with ConsoleViewMessage.js */ | 89 min-height: 18px; /* Sync with ConsoleViewMessage.js */ |
| 92 flex: auto; | 90 flex: auto; |
| 93 display: flex; | 91 display: flex; |
| 94 } | 92 } |
| 95 | 93 |
| 96 .console-message > * { | 94 .console-message > * { |
| 97 flex: auto; | 95 flex: auto; |
| 98 } | 96 } |
| 99 | 97 |
| 100 .console-adjacent-user-command-result + .console-user-command-result.console-log
-level::before { | |
| 101 background-image: none; | |
| 102 } | |
| 103 | |
| 104 .console-timestamp { | 98 .console-timestamp { |
| 105 color: gray; | 99 color: gray; |
| 106 -webkit-user-select: none; | 100 -webkit-user-select: none; |
| 107 flex-grow: 0; | 101 flex-grow: 0; |
| 108 margin-right: 5px; | 102 margin-right: 5px; |
| 109 } | 103 } |
| 110 | 104 |
| 111 .console-message::before, | 105 .message-level-icon, .command-result-icon { |
| 112 .console-user-command::before, | |
| 113 #console-prompt::before, | |
| 114 .console-group-title::before { | |
| 115 position: absolute; | |
| 116 display: block; | |
| 117 content: ""; | |
| 118 left: -17px; | |
| 119 top: 9px; | |
| 120 width: 10px; | |
| 121 height: 10px; | |
| 122 margin-top: -4px; | |
| 123 -webkit-user-select: none; | |
| 124 background-image: url(Images/smallIcons.png); | |
| 125 background-size: 190px 30px; | |
| 126 } | |
| 127 | |
| 128 .message-level-icon { | |
| 129 position: absolute; | 106 position: absolute; |
| 130 left: -17px; | 107 left: -17px; |
| 131 top: 5px; | 108 top: 5px; |
| 132 -webkit-user-select: none; | 109 -webkit-user-select: none; |
| 133 } | 110 } |
| 134 | 111 |
| 135 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
| 136 .console-message::before, | |
| 137 .console-user-command::before, | |
| 138 #console-prompt::before, | |
| 139 .console-group-title::before { | |
| 140 background-image: url(Images/smallIcons_2x.png); | |
| 141 } | |
| 142 } /* media */ | |
| 143 | |
| 144 .console-message-repeat-count { | 112 .console-message-repeat-count { |
| 145 margin: 2px 0 0 10px; | 113 margin: 2px 0 0 10px; |
| 146 flex: none; | 114 flex: none; |
| 147 } | 115 } |
| 148 | 116 |
| 149 .repeated-message { | 117 .repeated-message { |
| 150 margin-left: 4px; | 118 margin-left: 4px; |
| 151 } | 119 } |
| 152 | 120 |
| 153 .repeated-message .message-level-icon { | 121 .repeated-message .message-level-icon { |
| (...skipping 20 matching lines...) Expand all Loading... |
| 174 } | 142 } |
| 175 | 143 |
| 176 .console-group .console-group > .console-group-messages { | 144 .console-group .console-group > .console-group-messages { |
| 177 margin-left: 16px; | 145 margin-left: 16px; |
| 178 } | 146 } |
| 179 | 147 |
| 180 .console-group-title { | 148 .console-group-title { |
| 181 font-weight: bold; | 149 font-weight: bold; |
| 182 } | 150 } |
| 183 | 151 |
| 184 .console-group-title::before { | 152 .expand-group-icon { |
| 185 -webkit-user-select: none; | 153 -webkit-user-select: none; |
| 186 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); | 154 position: absolute; |
| 187 -webkit-mask-size: 352px 168px; | |
| 188 float: left; | |
| 189 width: 8px; | |
| 190 content: "a"; | |
| 191 color: transparent; | |
| 192 text-shadow: none; | |
| 193 margin-left: 3px; | |
| 194 margin-top: -7px; | |
| 195 } | |
| 196 | |
| 197 @media (-webkit-min-device-pixel-ratio: 1.1) { | |
| 198 .console-group-title::before { | |
| 199 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | |
| 200 } | |
| 201 } /* media */ | |
| 202 | |
| 203 .console-group .console-group-title::before { | |
| 204 -webkit-mask-position: -20px -96px; | |
| 205 background-color: rgb(110, 110, 110); | 155 background-color: rgb(110, 110, 110); |
| 206 } | 156 left: -14px; |
| 207 | |
| 208 .console-message-wrapper.collapsed .console-group-title::before { | |
| 209 -webkit-mask-position: -4px -96px; | |
| 210 } | 157 } |
| 211 | 158 |
| 212 .console-group { | 159 .console-group { |
| 213 position: relative; | 160 position: relative; |
| 214 } | 161 } |
| 215 | 162 |
| 216 .console-message-wrapper { | 163 .console-message-wrapper { |
| 217 display: flex; | 164 display: flex; |
| 218 border-bottom: 1px solid rgb(240, 240, 240); | 165 border-bottom: 1px solid rgb(240, 240, 240); |
| 219 } | 166 } |
| (...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 293 } | 240 } |
| 294 | 241 |
| 295 .-theme-with-dark-background .console-debug-level .console-message-text { | 242 .-theme-with-dark-background .console-debug-level .console-message-text { |
| 296 color: hsl(220, 100%, 65%) !important; | 243 color: hsl(220, 100%, 65%) !important; |
| 297 } | 244 } |
| 298 | 245 |
| 299 .console-message.console-warning-level { | 246 .console-message.console-warning-level { |
| 300 background-color: rgb(255, 250, 224); | 247 background-color: rgb(255, 250, 224); |
| 301 } | 248 } |
| 302 | 249 |
| 303 .console-user-command .console-message { | |
| 304 margin-left: -24px; | |
| 305 padding-right: 0; | |
| 306 border-bottom: none; | |
| 307 } | |
| 308 | |
| 309 .console-user-command::before { | |
| 310 background-position: 0 -20px; | |
| 311 } | |
| 312 | |
| 313 #console-messages .link { | 250 #console-messages .link { |
| 314 text-decoration: underline; | 251 text-decoration: underline; |
| 315 } | 252 } |
| 316 | 253 |
| 317 #console-messages .link, | 254 #console-messages .link, |
| 318 #console-messages .devtools-link { | 255 #console-messages .devtools-link { |
| 319 color: rgb(33%, 33%, 33%); | 256 color: rgb(33%, 33%, 33%); |
| 320 cursor: pointer; | 257 cursor: pointer; |
| 321 word-break: break-all; | 258 word-break: break-all; |
| 322 } | 259 } |
| (...skipping 124 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 447 | 384 |
| 448 @media (-webkit-min-device-pixel-ratio: 1.1) { | 385 @media (-webkit-min-device-pixel-ratio: 1.1) { |
| 449 .console-message-stack-trace-toggle .console-message-text::before { | 386 .console-message-stack-trace-toggle .console-message-text::before { |
| 450 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); | 387 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); |
| 451 } | 388 } |
| 452 } /* media */ | 389 } /* media */ |
| 453 | 390 |
| 454 .console-message-stack-trace-toggle.expanded .console-message-text::before { | 391 .console-message-stack-trace-toggle.expanded .console-message-text::before { |
| 455 -webkit-mask-position: -20px -96px; | 392 -webkit-mask-position: -20px -96px; |
| 456 } | 393 } |
| OLD | NEW |