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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/components/objectValue.css

Issue 2424443003: DevTools: ConsoleViewMessage builders should explicitly add classes (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
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 .object-value-scientific-notation-exponent { 7 .object-value-scientific-notation-exponent {
8 flex-shrink: 0; 8 flex-shrink: 0;
9 } 9 }
10 10
(...skipping 19 matching lines...) Expand all
30 .object-value-function { 30 .object-value-function {
31 font-style: italic; 31 font-style: italic;
32 } 32 }
33 33
34 .object-value-function.linkified:hover { 34 .object-value-function.linkified:hover {
35 background-color: rgba(0, 0, 0, 0.1); 35 background-color: rgba(0, 0, 0, 0.1);
36 cursor: pointer; 36 cursor: pointer;
37 } 37 }
38 38
39 .object-value-object, 39 .object-value-object,
40 .object-value-promise,
41 .object-value-map, 40 .object-value-map,
42 .object-value-set, 41 .object-value-set,
43 .object-value-iterator, 42 .object-value-iterator,
44 .object-value-generator, 43 .object-value-generator,
45 .object-value-node, 44 .object-value-node,
46 .object-value-typedarray,
47 .object-value-array { 45 .object-value-array {
48 position: relative; 46 position: relative;
49 vertical-align: baseline; 47 vertical-align: baseline;
50 color: inherit; 48 color: inherit;
51 display: inline-block; 49 display: inline-block;
52 } 50 }
53 51
54 .object-value-number { 52 .object-value-number {
55 color: rgb(28, 0, 207); 53 color: rgb(28, 0, 207);
56 } 54 }
57 .object-value-boolean { 55 .object-value-boolean {
58 color: rgb(170, 13, 145); 56 color: rgb(170, 13, 145);
59 } 57 }
60 58
61 .object-value-string, 59 .object-value-string,
62 .object-value-regexp, 60 .object-value-regexp {
63 .object-value-symbol { 61 color: rgb(196, 26, 22);
64 white-space: pre; 62 white-space: pre;
65 unicode-bidi: -webkit-isolate; 63 unicode-bidi: -webkit-isolate;
66 } 64 }
67 65
68 .object-value-string-inner,
69 .object-value-regexp,
70 .object-value-symbol {
71 color: rgb(196, 26, 22);
72 }
73
74 .object-value-node { 66 .object-value-node {
75 color: rgb(136, 18, 128); 67 color: rgb(136, 18, 128);
76 } 68 }
77 69
78 .object-value-null, 70 .object-value-null,
79 .object-value-undefined { 71 .object-value-undefined {
80 color: rgb(128, 128, 128); 72 color: rgb(128, 128, 128);
81 } 73 }
82 74
83 .object-value { 75 .object-value {
84 text-overflow: ellipsis; 76 text-overflow: ellipsis;
85 overflow: hidden; 77 overflow: hidden;
86 -webkit-user-select: text; 78 -webkit-user-select: text;
87 } 79 }
88 80
89 .object-value-calculate-value-button:hover { 81 .object-value-calculate-value-button:hover {
90 text-decoration: underline; 82 text-decoration: underline;
91 } 83 }
92 84
93 .object-value-object .section, 85 .object-value-object .section,
94 .object-value-promise .section,
95 .object-formatted-map .section, 86 .object-formatted-map .section,
96 .object-value-set .section, 87 .object-value-set .section,
97 .object-value-iterator .section, 88 .object-value-iterator .section,
98 .object-value-generator .section, 89 .object-value-generator .section,
99 .object-value-node .section, 90 .object-value-node .section,
100 .object-value-typedarray .section,
101 .object-value-array .section { 91 .object-value-array .section {
102 position: static; 92 position: static;
103 } 93 }
104 94
105 .object-value-object .section > .header::before, 95 .object-value-object .section > .header::before {
106 .object-value-promise .section > .header::before {
107 margin-top: 0; 96 margin-top: 0;
108 } 97 }
109 98
110 99
111 .object-value-object .properties-tree, 100 .object-value-object .properties-tree,
112 .object-value-promise .properties-tree,
113 .object-value-map .properties-tree, 101 .object-value-map .properties-tree,
114 .object-value-set .properties-tree, 102 .object-value-set .properties-tree,
115 .object-value-iterator .properties-tree, 103 .object-value-iterator .properties-tree,
116 .object-value-generator .properties-tree, 104 .object-value-generator .properties-tree,
117 .object-value-node .properties-tree { 105 .object-value-node .properties-tree {
118 padding-left: 0 !important; 106 padding-left: 0 !important;
119 } 107 }
120 108
121 .object-value-preview-node, 109 .object-value-preview-node,
122 .section .object-value-node { 110 .section .object-value-node {
123 color: rgb(136, 18, 128); 111 color: rgb(136, 18, 128);
124 } 112 }
125 113
126 .object-properties-section-custom-section { 114 .object-properties-section-custom-section {
127 display: inline-flex; 115 display: inline-flex;
128 flex-direction: column; 116 flex-direction: column;
129 } 117 }
130 118
131 .-theme-with-dark-background .object-value-number, 119 .-theme-with-dark-background .object-value-number,
132 :host-context(.-theme-with-dark-background) .object-value-number, 120 :host-context(.-theme-with-dark-background) .object-value-number,
133 .-theme-with-dark-background .object-value-boolean, 121 .-theme-with-dark-background .object-value-boolean,
134 :host-context(.-theme-with-dark-background) .object-value-boolean { 122 :host-context(.-theme-with-dark-background) .object-value-boolean {
135 color: hsl(252, 100%, 75%); 123 color: hsl(252, 100%, 75%);
136 } 124 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698