Web Inspector: ES6: Provide a better view for Classes in the console
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / ObjectTreePropertyTreeElement.css
1 /*
2  * Copyright (C) 2015 Apple Inc. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or without
5  * modification, are permitted provided that the following conditions
6  * are met:
7  * 1. Redistributions of source code must retain the above copyright
8  *    notice, this list of conditions and the following disclaimer.
9  * 2. Redistributions in binary form must reproduce the above copyright
10  *    notice, this list of conditions and the following disclaimer in the
11  *    documentation and/or other materials provided with the distribution.
12  *
13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
23  * THE POSSIBILITY OF SUCH DAMAGE.
24  */
25
26 .object-tree-property {
27     margin-top: 1px;
28 }
29
30 .object-tree-property > .titles {
31     position: relative;
32     top: 2px;
33     line-height: normal;
34     padding-bottom: 1px;
35     text-overflow: ellipsis;
36     overflow: hidden;
37     white-space: nowrap;
38 }
39
40 .object-tree-property > .disclosure-button {
41     float: left;
42
43     width: 16px;
44     height: 16px;
45
46     border: 0;
47     background: none;
48     -webkit-appearance: none;
49 }
50
51 .object-tree-property.parent > .disclosure-button {
52     background-color: transparent;
53     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
54     background-repeat: no-repeat;
55     background-position: center;
56     background-size: 13px 13px;
57 }
58
59 .object-tree-property.parent.expanded > .disclosure-button {
60     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
61 }
62
63 .object-tree-property > .icon {
64     float: left;
65     position: relative;
66
67     width: 16px;
68     height: 16px;
69
70     margin-right: 3px;
71 }
72
73 .object-tree-property.boolean > .icon {
74     content: url(../Images/TypeBoolean.svg);
75 }
76
77 .object-tree-property.function > .icon {
78     content: url(../Images/Function.svg);
79 }
80
81 .object-tree-property.number > .icon {
82     content: url(../Images/TypeNumber.svg);
83 }
84
85 .object-tree-property.object > .icon {
86     content: url(../Images/TypeObject.svg);
87 }
88
89 .object-tree-property.object.null > .icon {
90     content: url(../Images/TypeNull.svg);
91 }
92
93 .object-tree-property.object.node > .icon {
94     content: url(../Images/DOMElement.svg);
95 }
96
97 .object-tree-property.regex > .icon {
98     content: url(../Images/TypeRegex.svg);
99 }
100
101 .object-tree-property.string > .icon {
102     content: url(../Images/TypeString.svg);
103 }
104
105 .object-tree-property.symbol > .icon {
106     content: url(../Images/TypeSymbol.svg);
107 }
108
109 .object-tree-property.accessor > .icon,
110 .object-tree-property.undefined > .icon {
111     content: url(../Images/TypeUndefined.svg);
112 }
113
114 .object-tree-property.had-error > .icon {
115     content: url(../Images/TypeUndefined.svg) !important;
116 }
117
118 .object-tree-property .property-name,
119 .object-tree-property .function-parameters,
120 .object-tree-property .prototype-name {
121     font-family: sans-serif;
122     font-size: 12px;
123 }
124
125 .object-tree-property .property-name.not-enumerable {
126     opacity: 0.6;
127 }
128
129 .object-tree-property.prototype-property {
130     display: inline-block;
131
132     border: 1px solid rgb(222, 222, 222);
133     background-color: rgb(242, 242, 242);
134     border-radius: 3px;
135
136     padding: 0 10px 1px 0;
137     margin: 3px 0 2px 0;
138 }
139
140 .object-tree-property.prototype-property > .icon {
141     display: none;
142 }
143
144 .object-tree-property.prototype-property + ol {
145     -webkit-padding-start: 0px;
146 }
147
148 .object-tree-property .getter {
149     position: relative;
150     top: 1px;
151
152     content: url(../Images/Eye.svg);
153     opacity: 0.6;
154
155     width: 16px;
156     height: 11px;
157     margin-left: 3px;
158 }
159
160 .object-tree-property .getter.disabled {
161     opacity: 0.35;
162 }
163
164 .object-tree-property .getter:not(.disabled):hover {
165     opacity: 1;
166 }
167
168 .object-tree-property .read-only {
169     content: url(../Images/Locked.svg);
170     opacity: 0.5;
171
172     width: 8px;
173     height: 10px;
174     margin-left: 3px;
175 }
176
177 .object-tree-property .value.error {
178     color: red;
179 }