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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/network/xmlView.css

Issue 2328643002: [DevTools] Migrate XMLView to TreeOutlineInShadow. (Closed)
Patch Set: Created 4 years, 3 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/network/xmlTree.css ('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) 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 .shadow-xml-view { 7 .shadow-xml-view {
8 -webkit-user-select: text; 8 -webkit-user-select: text;
9 overflow: auto; 9 overflow: auto;
10 padding: 2px 4px; 10 padding: 2px 4px;
11 } 11 }
12
13 .shadow-xml-view ol {
14 list-style: none;
15 padding: 0;
16 margin: 0;
17 -webkit-padding-start: 16px;/* step width + arrow width */
18 }
19
20 .shadow-xml-view > ol {
21 -webkit-padding-start: 0;
22 }
23
24 .shadow-xml-view ol.children:not(.expanded) {
25 display: none;
26 }
27
28 .shadow-xml-view li.parent::before {
29 -webkit-user-select: none;
30 -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
31 -webkit-mask-size: 352px 168px;
32 -webkit-mask-position: -4px -97px;
33 background-color: rgb(110, 110, 110);
34 content: " ";
35 width: 10px;/* arrow width */
36 height: 10px;
37 display: inline-block;
38 position: relative;
39 top: 2px;
40 }
41
42 .shadow-xml-view li.parent.expanded::before {
43 -webkit-mask-position: -20px -97px;
44 }
45
46 @media (-webkit-min-device-pixel-ratio: 1.1) {
47 .shadow-xml-view li.parent::before {
48 -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
49 }
50 } /* media */
51
52 .shadow-xml-view li:not(.parent) {
53 margin-left: 10px; /* arrow width */
54 }
55
56 .shadow-xml-view li.shadow-xml-view-close-tag {
57 margin-left: -6px; /* step width */
58 }
59
60 .shadow-xml-view-tag {
61 color: rgb(136, 18, 128);
62 }
63
64 .shadow-xml-view-comment {
65 color: rgb(35, 110, 37);
66 }
67
68 .shadow-xml-view-processing-instruction {
69 color: rgb(35, 110, 37);
70 }
71
72 .shadow-xml-view-attribute-name {
73 color: rgb(153, 69, 0);
74 }
75
76 .shadow-xml-view-attribute-value {
77 color: rgb(26, 26, 166);
78 }
79
80 .shadow-xml-view-text {
81 color: rgb(0, 0, 0);
82 white-space: pre;
83 }
84
85 .shadow-xml-view-cdata {
86 color: rgb(0, 0, 0);
87 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/xmlTree.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698