Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(45)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/console/consoleView.css

Issue 2538673002: DevTools: [Console] migrate all of the smallIcons in consoleView.css (Closed)
Patch Set: rebaseline test Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/console/ConsoleViewMessage.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698