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