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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/inspectorCommon.css

Issue 2594883002: DevTools: [Persistence] introduce badged icons instead of checkmarks (Closed)
Patch Set: missing jsdoc Created 3 years, 12 months 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
OLDNEW
1 /* 1 /*
2 * Copyright 2015 The Chromium Authors. All rights reserved. 2 * Copyright 2015 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 * { 7 * {
8 /* This is required for correct sizing of flex items because we rely 8 /* This is required for correct sizing of flex items because we rely
9 * on an old version of the flexbox spec. 9 * on an old version of the flexbox spec.
10 * Longer-term we should remove this, see crbug.com/473625 */ 10 * Longer-term we should remove this, see crbug.com/473625 */
(...skipping 309 matching lines...) Expand 10 before | Expand all | Expand 10 after
320 font-size: 13px; 320 font-size: 13px;
321 overflow: auto; 321 overflow: auto;
322 z-index: 500; 322 z-index: 500;
323 } 323 }
324 324
325 [is=ui-icon] { 325 [is=ui-icon] {
326 display: inline-block; 326 display: inline-block;
327 flex-shrink: 0; 327 flex-shrink: 0;
328 } 328 }
329 329
330 .icon-stack {
331 position: relative;
332 display: inline-flex;
333 }
334
335 .icon-stack > [is=ui-icon]:not(:first-child) {
336 position: absolute;
337 left: 0;
338 top: 0;
339 }
340
330 .icon-mask { 341 .icon-mask {
331 background-color: rgb(110, 110, 110); 342 background-color: rgb(110, 110, 110);
332 } 343 }
333 344
334 .spritesheet-smallicons:not(.icon-mask) { 345 .spritesheet-smallicons:not(.icon-mask) {
335 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image s/smallIcons_2x.png) 2x); 346 background-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Image s/smallIcons_2x.png) 2x);
336 background-size: 190px 30px; 347 background-size: 190px 30px;
337 } 348 }
338 349
339 .spritesheet-smallicons.icon-mask { 350 .spritesheet-smallicons.icon-mask {
(...skipping 21 matching lines...) Expand all
361 } 372 }
362 373
363 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white -icons.spritesheet-largeicons { 374 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white -icons.spritesheet-largeicons {
364 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x); 375 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x);
365 -webkit-mask-size: 352px 168px; 376 -webkit-mask-size: 352px 168px;
366 background-image: unset; 377 background-image: unset;
367 background-size: unset; 378 background-size: unset;
368 background: unset; 379 background: unset;
369 background-color: white; 380 background-color: white;
370 } 381 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698