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

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

Issue 2366423002: [DevTools] Fix left show/hide sidebar button icon. (Closed)
Patch Set: Created 4 years, 2 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 | « no previous file | 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) 2014 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 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 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 472 matching lines...) Expand 10 before | Expand all | Expand 10 after
483 483
484 .folder-toolbar-item.toolbar-glyph { 484 .folder-toolbar-item.toolbar-glyph {
485 -webkit-mask-position: -224px -144px; 485 -webkit-mask-position: -224px -144px;
486 } 486 }
487 487
488 .goto-source-toolbar-item.toolbar-glyph { 488 .goto-source-toolbar-item.toolbar-glyph {
489 -webkit-mask-position: 0 -120px; 489 -webkit-mask-position: 0 -120px;
490 } 490 }
491 491
492 .toolbar-state-left-show .sidebar-toolbar-item.toolbar-glyph { 492 .toolbar-state-left-show .sidebar-toolbar-item.toolbar-glyph {
493 -webkit-mask-position: -168px -76px; 493 -webkit-mask-position: -160px -72px;
494 } 494 }
495 495
496 .toolbar-state-left-hide .sidebar-toolbar-item.toolbar-glyph { 496 .toolbar-state-left-hide .sidebar-toolbar-item.toolbar-glyph {
497 -webkit-mask-position: -199px -76px; 497 -webkit-mask-position: -192px -72px;
498 } 498 }
499 499
500 .toolbar-state-right-show .sidebar-toolbar-item.toolbar-glyph { 500 .toolbar-state-right-show .sidebar-toolbar-item.toolbar-glyph {
501 -webkit-mask-position: -288px -72px; 501 -webkit-mask-position: -288px -72px;
502 } 502 }
503 503
504 .toolbar-state-right-hide .sidebar-toolbar-item.toolbar-glyph { 504 .toolbar-state-right-hide .sidebar-toolbar-item.toolbar-glyph {
505 -webkit-mask-position: -256px -72px; 505 -webkit-mask-position: -256px -72px;
506 } 506 }
507 507
508 .toolbar-state-on .record-toolbar-item.toolbar-glyph, 508 .toolbar-state-on .record-toolbar-item.toolbar-glyph,
509 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, 509 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
510 .toolbar-state-active .block-toolbar-item.toolbar-glyph { 510 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
511 background-color: rgb(216, 0, 0) !important; 511 background-color: rgb(216, 0, 0) !important;
512 } 512 }
513 513
514 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph, 514 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph,
515 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph, 515 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph,
516 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph { 516 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph {
517 background-color: hsl(0, 100%, 65%) !important; 517 background-color: hsl(0, 100%, 65%) !important;
518 } 518 }
519 519
520 span.toolbar-select-container.toolbar-item.warning { 520 span.toolbar-select-container.toolbar-item.warning {
521 background: #ffd7d7; 521 background: #ffd7d7;
522 padding: 0 5px 0 0; 522 padding: 0 5px 0 0;
523 margin-right: 1px; 523 margin-right: 1px;
524 } 524 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698