1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 | :root {
|
18 | --theia-welcomeView-horizontal-padding: 20px;
|
19 | --theia-welcomeView-elements-margin: 13px;
|
20 | --theia-welcomeView-button-maxWidth: 260px;
|
21 | }
|
22 |
|
23 | .theia-Tree {
|
24 | overflow: hidden;
|
25 | font-size: var(--theia-ui-font-size1);
|
26 | max-height: calc(100% - var(--theia-border-width));
|
27 | position: relative;
|
28 | }
|
29 |
|
30 | .theia-Tree:focus .theia-TreeContainer.empty::before,
|
31 | .theia-Tree:focus .theia-TreeContainer.focused::before {
|
32 | position: absolute;
|
33 | top: 0;
|
34 | left: 0;
|
35 | width: 100%;
|
36 | height: 100%;
|
37 | pointer-events: none;
|
38 | z-index: 10;
|
39 | content: "";
|
40 | outline-width: 1px;
|
41 | outline-style: solid;
|
42 | outline-offset: -1px;
|
43 | opacity: 1 !important;
|
44 | outline-color: var(--theia-focusBorder);
|
45 | }
|
46 |
|
47 | .theia-Tree:focus,
|
48 | .theia-TreeContainer .ReactVirtualized__List:focus {
|
49 | outline: 0;
|
50 | box-shadow: none;
|
51 | border: none;
|
52 | }
|
53 |
|
54 | .theia-TreeContainer .ReactVirtualized__Grid__innerScrollContainer {
|
55 | margin-bottom: calc(var(--theia-ui-padding) * 3);
|
56 | }
|
57 |
|
58 | .theia-TreeContainer {
|
59 | height: 100%;
|
60 | }
|
61 |
|
62 | .theia-TreeNode {
|
63 | line-height: var(--theia-content-line-height);
|
64 | display: flex;
|
65 | }
|
66 |
|
67 | .theia-TreeNode:hover {
|
68 | background: var(--theia-list-hoverBackground);
|
69 | color: var(--theia-list-hoverForeground);
|
70 | cursor: pointer;
|
71 | }
|
72 |
|
73 | .theia-TreeNodeContent {
|
74 | display: flex;
|
75 | align-items: center;
|
76 | width: calc(100% - var(--theia-scrollbar-rail-width));
|
77 | }
|
78 |
|
79 | .theia-ExpansionToggle {
|
80 | display: flex;
|
81 | justify-content: center;
|
82 | padding-left: calc(var(--theia-ui-padding)/2);
|
83 | padding-right: calc(var(--theia-ui-padding)/2);
|
84 | min-width: var(--theia-icon-size);
|
85 | min-height: var(--theia-icon-size);
|
86 | }
|
87 |
|
88 | .theia-ExpansionToggle.theia-mod-busy {
|
89 | animation: theia-spin 1.25s linear infinite;
|
90 | }
|
91 |
|
92 | .theia-ExpansionToggle:not(.theia-mod-busy):hover {
|
93 | cursor: pointer;
|
94 | }
|
95 |
|
96 | .theia-ExpansionToggle.theia-mod-collapsed:not(.theia-mod-busy) {
|
97 | transform: rotate(-90deg);
|
98 | }
|
99 |
|
100 | .theia-Tree:focus-within .theia-TreeNode.theia-mod-selected {
|
101 | background: var(--theia-list-activeSelectionBackground);
|
102 | color: var(--theia-list-activeSelectionForeground) !important;
|
103 | outline: var(--theia-focusBorder) solid 1px;
|
104 | outline-offset: -1px;
|
105 | }
|
106 |
|
107 | .theia-Tree:focus-within .theia-TreeNode.theia-mod-selected .theia-TreeNodeTail,
|
108 | .theia-Tree:focus-within .theia-TreeNode.theia-mod-selected .theia-caption-suffix,
|
109 | .theia-Tree:focus-within .theia-TreeNode.theia-mod-selected .theia-TreeNodeInfo,
|
110 | .theia-Tree:focus-within .theia-TreeNode.theia-mod-selected .theia-TreeNodeSegment {
|
111 | color: var(--theia-list-activeSelectionForeground) !important;
|
112 | }
|
113 |
|
114 | .theia-Tree:focus .theia-TreeNode.theia-mod-focus,
|
115 | .theia-Tree .ReactVirtualized__List:focus .theia-TreeNode.theia-mod-focus {
|
116 | outline-width: 1px;
|
117 | outline-style: solid;
|
118 | outline-offset: -1px;
|
119 | outline-color: var(--theia-focusBorder);
|
120 | }
|
121 |
|
122 | .theia-TreeNodeInfo {
|
123 | color: var(--theia-foreground);
|
124 | opacity: 0.7;
|
125 | }
|
126 |
|
127 | .theia-Tree .theia-TreeNode.theia-mod-selected {
|
128 | background: var(--theia-list-inactiveSelectionBackground);
|
129 | color: var(--theia-list-inactiveSelectionForeground);
|
130 | }
|
131 |
|
132 | .theia-TreeNode.theia-mod-not-selectable {
|
133 | color: var(--theia-descriptionForeground);
|
134 | }
|
135 |
|
136 | .theia-TreeNode.theia-mod-not-selectable:hover {
|
137 | background: none;
|
138 | cursor: default;
|
139 | }
|
140 |
|
141 | .theia-TreeNodeSegment {
|
142 | align-items: center;
|
143 | flex-grow: 0;
|
144 | user-select: none;
|
145 | white-space: nowrap;
|
146 | }
|
147 |
|
148 | .theia-TreeNodeSegment.flex {
|
149 | display: flex;
|
150 | }
|
151 |
|
152 | .theia-TreeNodeSegmentGrow {
|
153 | flex-grow: 1 !important;
|
154 | overflow: hidden;
|
155 | text-overflow: ellipsis;
|
156 | white-space: nowrap;
|
157 | }
|
158 |
|
159 | .theia-TreeNodeTail {
|
160 | min-width: 1rem;
|
161 | text-align: center;
|
162 | justify-content: center;
|
163 | }
|
164 |
|
165 | .theia-TreeNodeSegment mark {
|
166 | background-color: var(--theia-list-filterMatchBackground);
|
167 | color: var(--theia-list-inactiveSelectionForeground);
|
168 | }
|
169 |
|
170 | .theia-tree-source-node-placeholder {
|
171 | text-align: center;
|
172 | font-style: italic;
|
173 | opacity: var(--theia-mod-disabled-opacity);
|
174 | }
|
175 |
|
176 | .theia-tree-node-indent {
|
177 | position: absolute;
|
178 | height: var(--theia-content-line-height);
|
179 | border-right: var(--theia-border-width) solid transparent;
|
180 | pointer-events: none;
|
181 | }
|
182 |
|
183 | .theia-tree-node-indent.always,
|
184 | .theia-TreeContainer:hover .theia-tree-node-indent.hover {
|
185 | border-color: var(--theia-tree-inactiveIndentGuidesStroke);
|
186 | }
|
187 |
|
188 | .theia-tree-node-indent.active {
|
189 | border-color: var(--theia-tree-indentGuidesStroke);
|
190 | }
|
191 |
|
192 | .theia-TreeContainer .theia-WelcomeView {
|
193 | padding-top: var(--theia-ui-padding);
|
194 | padding-right: var(--theia-welcomeView-horizontal-padding);
|
195 | padding-left: var(--theia-welcomeView-horizontal-padding);
|
196 | }
|
197 |
|
198 | .theia-TreeContainer .theia-WelcomeView > * {
|
199 | margin: var(--theia-welcomeView-elements-margin) 0;
|
200 | }
|
201 |
|
202 | .theia-TreeContainer .theia-WelcomeView .theia-WelcomeViewButtonWrapper {
|
203 | display: flex;
|
204 | padding: 0 var(--theia-ui-padding);
|
205 | }
|
206 |
|
207 | .theia-TreeContainer .theia-WelcomeView .theia-WelcomeViewButton {
|
208 | width: 100%;
|
209 | max-width: var(--theia-welcomeView-button-maxWidth);
|
210 | margin: auto;
|
211 | }
|
212 |
|
213 | .theia-TreeContainer .theia-WelcomeView .theia-WelcomeViewCommandLink {
|
214 | cursor: pointer;
|
215 | }
|
216 |
|
217 | .theia-TreeContainer .theia-WelcomeView .theia-WelcomeViewCommandLink.disabled {
|
218 | pointer-events: none;
|
219 | cursor: default;
|
220 | opacity: var(--theia-mod-disabled-opacity);
|
221 | }
|