Web Inspector: DOM: provide a way to disable/breakpoint all event listeners for a...
[WebKit-https.git] / Source / WebInspectorUI / UserInterface / Views / ObjectTreeView.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 {
27     position: relative;
28     display: inline-block;
29     color: var(--text-color);
30     font-family: Menlo, monospace;
31     font-size: 11px;
32 }
33
34 .object-tree > :matches(.title, .object-preview)::before {
35     display: inline-block;
36
37     vertical-align: baseline;
38     margin-bottom: -2px;
39     margin-right: 2px;
40
41     width: 13px;
42     height: 13px;
43
44     background-image: url(../Images/DisclosureTriangles.svg#closed-normal);
45     background-size: 13px 13px;
46     background-repeat: no-repeat;
47     background-position: center;
48
49     content: "";
50 }
51
52 body[dir=rtl] .object-tree > :matches(.title, .object-preview)::before {
53     transform: scaleX(-1);
54 }
55
56 .object-tree:not(.lossless-preview) > :matches(.title, .object-preview) {
57     margin-left: 0;
58 }
59
60 .object-tree.expanded > :matches(.title, .object-preview)::before {
61     background-image: url(../Images/DisclosureTriangles.svg#open-normal);
62 }
63
64 .object-tree.properties-only > :matches(.title, .object-preview) {
65     display: none;
66 }
67
68 .object-tree.expanded .object-preview {
69     font-style: normal;
70 }
71
72 .object-tree.expanded > .title {
73     line-height: 16px;
74 }
75
76 .object-tree.lossless-preview > :matches(.title, .object-preview)::before {
77     background: none;
78     width: 0px;
79 }
80
81 .object-tree .tree-outline.object {
82     display: none;
83 }
84
85 .object-tree.expanded > .tree-outline.object {
86     display: block;
87 }
88
89 .tree-outline.object {
90     margin: 0;
91     padding: 0 6px 2px;
92     list-style: none;
93     min-height: 18px;
94     outline: none;
95 }
96
97 .object-tree .tree-outline.object.compact {
98     margin-top: 1px;
99 }
100
101 .tree-outline.object .item,
102 .object-tree.properties-only .tree-outline.object {
103     padding-left: 0;
104 }
105
106 .object-tree.properties-only .object-tree-property .property-name {
107     opacity: 1;
108 }
109
110 .object-tree.properties-only.json-only .object-tree-property.prototype-property {
111     display: none;
112 }
113
114 .tree-outline.object li {
115     white-space: nowrap;
116     text-overflow: ellipsis;
117     overflow: hidden;
118     -webkit-user-select: text;
119     cursor: default;
120 }
121
122 .tree-outline.object ol {
123     display: none;
124     margin: 0;
125     -webkit-padding-start: 16px;
126     list-style: none;
127 }
128
129 .tree-outline.object ol.expanded {
130     display: block;
131 }
132
133 .tree-outline.object li .empty-message {
134     color: hsl(0, 0%, 60%);
135     margin-left: 15px;
136     font-family: -webkit-system-font, sans-serif;
137     font-size: 12px;
138 }
139
140 .object-tree-property :matches(.formatted-string, .formatted-regexp) {
141     white-space: nowrap;
142 }