[go: nahoru, domu]
Google Git
Sign in
chromium / devtools / devtools-frontend / f746fe4a57190be85ee170add03a16cf6cd4ba27 / . / front_end / panels / sources / navigatorTree.css
blob: c3cd6e95dbd91d9808b08f91442f111efe0d60fd [file] [log] [blame]
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]1/*
2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 *
5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions
7 * are met:
8 *
9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer.
11 * 2. Redistributions in binary form must reproduce the above copyright
12 * notice, this list of conditions and the following disclaimer in the
13 * documentation and/or other materials provided with the distribution.
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
15 * its contributors may be used to endorse or promote products derived
16 * from this software without specific prior written permission.
17 *
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
28 */
29
Alex Rudenkod87f9332020-07-06 07:12:13[diff] [blame]30:host {
31 overflow-y: auto;
32}
33
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]34.icon,
35.icon-badge {
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]36 margin: -3px -5px -3px -5px;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]37}
38
39.icon-stack {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]40 position: relative;
41 display: inline-flex;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]42}
43
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]44.icon-stack > [is=ui-icon]:not(:first-child) {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]45 position: absolute;
46 left: 0;
47 top: 0;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]48}
49
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]50.tree-outline {
51 --override-folder-tree-item-color: #555;
52 --override-file-tree-item-color: hsl(0deg 0% 50%);
53 --override-sm-folder-fs-tree-fs-folder-item-color: hsl(28deg 75% 50%);
54 --override-nw-folder-tree-item-color: hsl(210deg 82% 62%);
55 --override-script-snippet-tree-item-color: hsl(48deg 70% 50%);
56 --override-stylesheet-tree-item-color: hsl(256deg 50% 50%);
57 --override-image-font-tree-item-color: hsl(109deg 33% 50%);
58}
59
60.-theme-with-dark-background .tree-outline,
61:host-context(.-theme-with-dark-background) .tree-outline {
62 --override-folder-tree-item-color: rgb(170 170 170);
63 --override-file-tree-item-color: rgb(127 127 127);
64 --override-sm-folder-fs-tree-fs-folder-item-color: rgb(223 121 32);
65 --override-nw-folder-tree-item-color: rgb(17 96 176);
66 --override-script-snippet-tree-item-color: rgb(217 181 38);
67 --override-stylesheet-tree-item-color: rgb(98 64 191);
68 --override-image-font-tree-item-color: rgb(101 170 85);
69}
70
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]71.navigator-file-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]72 background: var(--override-file-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]73}
74
Joel Einbinder1109f152018-05-30 00:06:13[diff] [blame]75.navigator-fs-tree-item:not(.has-mapped-files):not(.selected) > :not(.selection),
76.navigator-fs-folder-tree-item:not(.has-mapped-files):not(.selected) > :not(.selection) {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]77 filter: grayscale(50%);
Mathias Bynensca9fa2d2020-05-19 15:23:40[diff] [blame]78 opacity: 50%;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]79}
80
81.tree-outline li {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]82 min-height: 20px;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]83}
84
85.tree-outline li:hover:not(.selected) .selection {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]86 display: block;
87 background-color: var(--item-hover-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]88}
89
90.navigator-folder-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]91 background-color: var(--override-folder-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]92}
93
94.navigator-sm-folder-tree-item .icon,
95.navigator-fs-tree-item .icon,
96.navigator-fs-folder-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]97 background: var(--override-sm-folder-fs-tree-fs-folder-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]98}
99
100.navigator-nw-folder-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]101 background: var(--override-nw-folder-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]102}
103
104.navigator-sm-script-tree-item .icon,
105.navigator-script-tree-item .icon,
106.navigator-snippet-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]107 background: var(--override-script-snippet-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]108}
109
110.navigator-sm-stylesheet-tree-item .icon,
111.navigator-stylesheet-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]112 background: var(--override-stylesheet-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]113}
114
115.navigator-image-tree-item .icon,
116.navigator-font-tree-item .icon {
Jack Franklin2528cd52021-05-20 11:54:03[diff] [blame]117 background: var(--override-image-font-tree-item-color);
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]118}
119
120.navigator-sm-folder-tree-item .tree-element-title,
121.navigator-sm-script-tree-item .tree-element-title,
122.navigator-sm-stylesheet-tree-item .tree-element-title {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]123 font-style: italic;
Blink Reformat4c46d092018-04-07 15:32:37[diff] [blame]124}
125
Kham Udom0bf716d2020-02-14 15:50:22[diff] [blame]126@media (forced-colors: active) {
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]127 .tree-outline li .leading-icons [is=ui-icon].icon-mask {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]128 background: ButtonText;
129 }
130
131 .tree-outline li:hover:not(.selected) .selection {
132 forced-color-adjust: none;
133 background-color: Highlight;
134 }
135
136 .tree-outline:not(.hide-selection-when-blurred) li.parent:hover:not(.selected)::before,
Tim van der Lippef746fe42021-11-04 16:11:54[diff] [blame^]137 .tree-outline:not(.hide-selection-when-blurred) li:hover:not(.selected) [is=ui-icon].icon-mask {
Mathias Bynensb0c1f4b2020-05-15 14:34:41[diff] [blame]138 background-color: HighlightText;
139 }
140
141 .tree-outline li:not(.selected):hover .tree-element-title {
142 forced-color-adjust: none;
143 color: HighlightText;
144 }
Kham Udom0bf716d2020-02-14 15:50:22[diff] [blame]145}