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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/elementsTreeOutline.css

Issue 2661893002: DevTools: extract treeoutline triangle icons from toolbarButtonGlyphs.png (Closed)
Patch Set: rebaseline Created 3 years, 10 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 (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 .elements-disclosure { 7 .elements-disclosure {
8 width: 100%; 8 width: 100%;
9 display: inline-block; 9 display: inline-block;
10 line-height: normal; 10 line-height: normal;
(...skipping 29 matching lines...) Expand all
40 .elements-disclosure ol:focus li.selected:after { 40 .elements-disclosure ol:focus li.selected:after {
41 color: white; 41 color: white;
42 } 42 }
43 43
44 .elements-disclosure li.parent::before { 44 .elements-disclosure li.parent::before {
45 box-sizing: border-box; 45 box-sizing: border-box;
46 } 46 }
47 47
48 .elements-disclosure li.parent::before { 48 .elements-disclosure li.parent::before {
49 -webkit-user-select: none; 49 -webkit-user-select: none;
50 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png); 50 -webkit-mask-image: url(Images/treeoutlineTriangles.png);
51 -webkit-mask-size: 352px 168px; 51 -webkit-mask-size: 32px 24px;
52 content: "aa"; 52 content: "aa";
53 color: transparent; 53 color: transparent;
54 text-shadow: none; 54 text-shadow: none;
55 margin-right: -3px; 55 margin-right: -3px;
56 } 56 }
57 57
58 .elements-disclosure li.always-parent::before { 58 .elements-disclosure li.always-parent::before {
59 visibility: hidden; 59 visibility: hidden;
60 } 60 }
61 61
62 @media (-webkit-min-device-pixel-ratio: 1.1) { 62 @media (-webkit-min-device-pixel-ratio: 1.1) {
63 .elements-disclosure li.parent::before { 63 .elements-disclosure li.parent::before {
64 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png); 64 -webkit-mask-image: url(Images/treeoutlineTriangles_2x.png);
65 } 65 }
66 } /* media */ 66 } /* media */
67 67
68 .elements-disclosure li.parent::before { 68 .elements-disclosure li.parent::before {
69 -webkit-mask-position: -4px -96px; 69 -webkit-mask-position: 0 0;
70 background-color: rgb(110, 110, 110); 70 background-color: rgb(110, 110, 110);
71 } 71 }
72 72
73 .elements-disclosure li .selection { 73 .elements-disclosure li .selection {
74 display: none; 74 display: none;
75 z-index: -1; 75 z-index: -1;
76 } 76 }
77 77
78 .elements-disclosure li.hovered:not(.selected) .selection { 78 .elements-disclosure li.hovered:not(.selected) .selection {
79 display: block; 79 display: block;
80 left: 3px; 80 left: 3px;
81 right: 3px; 81 right: 3px;
82 background-color: rgba(56, 121, 217, 0.1); 82 background-color: rgba(56, 121, 217, 0.1);
83 border-radius: 5px; 83 border-radius: 5px;
84 } 84 }
85 85
86 .elements-disclosure li.parent.expanded::before { 86 .elements-disclosure li.parent.expanded::before {
87 -webkit-mask-position: -20px -96px; 87 -webkit-mask-position: -16px 0;
88 } 88 }
89 89
90 .elements-disclosure li.selected .selection { 90 .elements-disclosure li.selected .selection {
91 display: block; 91 display: block;
92 background-color: #dadada; 92 background-color: #dadada;
93 } 93 }
94 94
95 .elements-disclosure ol { 95 .elements-disclosure ol {
96 list-style-type: none; 96 list-style-type: none;
97 /** Keep it in sync with ElementsTreeElements.updateDecorators **/ 97 /** Keep it in sync with ElementsTreeElements.updateDecorators **/
(...skipping 260 matching lines...) Expand 10 before | Expand all | Expand 10 after
358 border-color: hsla(0,0%,0%,0.1); 358 border-color: hsla(0,0%,0%,0.1);
359 } 359 }
360 360
361 .elements-tree-outline ol.shadow-root { 361 .elements-tree-outline ol.shadow-root {
362 border-color: hsla(0,0%,80%,1); 362 border-color: hsla(0,0%,80%,1);
363 } 363 }
364 364
365 li.selected:not(.always-parent) + ol.children { 365 li.selected:not(.always-parent) + ol.children {
366 border-color: hsla(216,68%,80%,1) !important; 366 border-color: hsla(216,68%,80%,1) !important;
367 } 367 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698