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

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

Issue 2714923002: Revert of DevTools: Add icons to performance pane tabs. (Closed)
Patch Set: Created 3 years, 9 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Icon.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 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 325 matching lines...) Expand 10 before | Expand all | Expand 10 after
336 background-size: 190px 30px; 336 background-size: 190px 30px;
337 } 337 }
338 338
339 .spritesheet-smallicons.icon-mask { 339 .spritesheet-smallicons.icon-mask {
340 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima ges/smallIcons_2x.png) 2x); 340 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima ges/smallIcons_2x.png) 2x);
341 -webkit-mask-size: 190px 30px; 341 -webkit-mask-size: 190px 30px;
342 } 342 }
343 343
344 .spritesheet-largeicons:not(.icon-mask) { 344 .spritesheet-largeicons:not(.icon-mask) {
345 background-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x); 345 background-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x, url(Images/toolbarButtonGlyphs_2x.png) 2x);
346 background-size: 352px 192px; 346 background-size: 352px 168px;
347 } 347 }
348 348
349 .spritesheet-largeicons.icon-mask { 349 .spritesheet-largeicons.icon-mask {
350 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x); 350 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x);
351 -webkit-mask-size: 352px 192px; 351 -webkit-mask-size: 352px 168px;
352 } 352 }
353 353
354 .spritesheet-resourceicons:not(.icon-mask) { 354 .spritesheet-resourceicons:not(.icon-mask) {
355 background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(I mages/resourceGlyphs_2x.png) 2x); 355 background-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url(I mages/resourceGlyphs_2x.png) 2x);
356 background-size: 140px 20px; 356 background-size: 140px 20px;
357 } 357 }
358 358
359 .spritesheet-resourceicons.icon-mask { 359 .spritesheet-resourceicons.icon-mask {
360 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url (Images/resourceGlyphs_2x.png) 2x); 360 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url (Images/resourceGlyphs_2x.png) 2x);
361 -webkit-mask-size: 140px 20px; 361 -webkit-mask-size: 140px 20px;
362 } 362 }
363 363
364 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white -icons.spritesheet-smallicons { 364 .force-white-icons [is=ui-icon].spritesheet-smallicons, [is=ui-icon].force-white -icons.spritesheet-smallicons {
365 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima ges/smallIcons_2x.png) 2x); 365 -webkit-mask-image: -webkit-image-set(url(Images/smallIcons.png) 1x, url(Ima ges/smallIcons_2x.png) 2x);
366 -webkit-mask-size: 190px 30px; 366 -webkit-mask-size: 190px 30px;
367 background-image: unset; 367 background-image: unset;
368 background-size: unset; 368 background-size: unset;
369 background: unset; 369 background: unset;
370 background-color: white; 370 background-color: white;
371 } 371 }
372 372
373 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white -icons.spritesheet-largeicons { 373 .force-white-icons [is=ui-icon].spritesheet-largeicons, [is=ui-icon].force-white -icons.spritesheet-largeicons {
374 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x); 374 -webkit-mask-image: -webkit-image-set(url(Images/toolbarButtonGlyphs.png) 1x , url(Images/toolbarButtonGlyphs_2x.png) 2x);
375 -webkit-mask-size: 352px 192px; 375 -webkit-mask-size: 352px 168px;
376 background-image: unset; 376 background-image: unset;
377 background-size: unset; 377 background-size: unset;
378 background: unset; 378 background: unset;
379 background-color: white; 379 background-color: white;
380 } 380 }
381 381
382 .force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-wh ite-icons.spritesheet-resourceicons { 382 .force-white-icons [is=ui-icon].spritesheet-resourceicons, [is=ui-icon].force-wh ite-icons.spritesheet-resourceicons {
383 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url (Images/resourceGlyphs_2x.png) 2x); 383 -webkit-mask-image: -webkit-image-set(url(Images/resourceGlyphs.png) 1x, url (Images/resourceGlyphs_2x.png) 2x);
384 -webkit-mask-size: 140px 20px; 384 -webkit-mask-size: 140px 20px;
385 background-image: unset; 385 background-image: unset;
386 background-size: unset; 386 background-size: unset;
387 background: unset; 387 background: unset;
388 background-color: white; 388 background-color: white;
389 } 389 }
390 390
391 .glass-pane { 391 .glass-pane {
392 position: absolute; 392 position: absolute;
393 top: 0; 393 top: 0;
394 bottom: 0; 394 bottom: 0;
395 left: 0; 395 left: 0;
396 right: 0; 396 right: 0;
397 overflow: hidden; 397 overflow: hidden;
398 contain: strict; 398 contain: strict;
399 } 399 }
400 400
401 .glass-pane-content { 401 .glass-pane-content {
402 display: flex; 402 display: flex;
403 } 403 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/ui/Icon.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698