898bc1b7ea71e9c86902c025bb28650144132866
[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 }
29
30 .object-tree > :matches(.title, .object-preview)::before {
31     position: absolute;
32
33     top: 0;
34     left: -2px;
35
36     width: 13px;
37     height: 13px;
38
39     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-normal);
40     background-size: 13px 13px;
41     background-repeat: no-repeat;
42     background-position: center;
43
44     content: "";
45 }
46
47 .object-tree:not(.lossless-preview) > :matches(.title, .object-preview) {
48     margin-left: 13px;
49 }
50
51 .object-tree.expanded > :matches(.title, .object-preview)::before {
52     background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-normal);
53 }
54
55 .object-tree.expanded .object-preview {
56     font-style: normal;
57 }
58
59 .object-tree.lossless-preview > :matches(.title, .object-preview)::before {
60     background: none;
61     width: 0px;
62 }
63
64 .object-tree .object-tree-outline {
65     display: none;
66 }
67
68 .object-tree.expanded > .object-tree-outline {
69     display: block;
70     padding-left: 16px;
71 }
72
73 .object-tree-outline {
74     margin: 0;
75     padding: 0 6px 2px;
76     list-style: none;
77     min-height: 18px;
78     outline: none;
79 }
80
81 .object-tree-outline li {
82     white-space: nowrap;
83     text-overflow: ellipsis;
84     overflow: hidden;
85     -webkit-user-select: text;
86     cursor: default;
87 }
88
89 .object-tree-outline ol {
90     display: none;
91     margin: 0;
92     -webkit-padding-start: 16px;
93     list-style: none;
94 }
95
96 .object-tree-outline ol.expanded {
97     display: block;
98 }
99
100 .object-tree-outline li .empty-message {
101     color: rgb(60%, 60%, 60%);
102     margin-left: 7px;
103     font-family: sans-serif;
104     font-size: 12px;
105 }
106
107 /* Console Overrides */
108
109 :matches(.formatted-object, .formatted-node, .formatted-error, .formatted-map, .formatted-set, .formatted-weakmap) .object-tree-outline,
110 :matches(.console-formatted-object, .console-formatted-node, .console-formatted-error, .console-formatted-map, .console-formatted-set, .console-formatted-weakmap) .object-tree-outline {
111     padding-left: 6px !important;
112 }