1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 | :root {
|
11 | --jp-private-filebrowser-button-height: 28px;
|
12 | --jp-private-filebrowser-button-width: 48px;
|
13 | }
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 | .jp-FileBrowser {
|
21 | display: flex;
|
22 | flex-direction: column;
|
23 | color: var(--jp-ui-font-color1);
|
24 | background: var(--jp-layout-color1);
|
25 | |
26 |
|
27 | font-size: var(--jp-ui-font-size1);
|
28 | }
|
29 |
|
30 | .jp-FileBrowser-toolbar.jp-Toolbar {
|
31 | border-bottom: none;
|
32 | height: auto;
|
33 | margin: 8px 12px 0px 12px;
|
34 | padding: 0px;
|
35 | box-shadow: none;
|
36 | justify-content: flex-start;
|
37 | }
|
38 |
|
39 | .jp-BreadCrumbs {
|
40 | flex: 0 0 auto;
|
41 | margin: 8px 12px 8px 12px;
|
42 | }
|
43 |
|
44 | .jp-BreadCrumbs-item {
|
45 | margin: 0px 2px;
|
46 | padding: 0px 2px;
|
47 | border-radius: var(--jp-border-radius);
|
48 | cursor: pointer;
|
49 | }
|
50 |
|
51 | .jp-BreadCrumbs-item:hover {
|
52 | background-color: var(--jp-layout-color2);
|
53 | }
|
54 |
|
55 | .jp-BreadCrumbs-item:first-child {
|
56 | margin-left: 0px;
|
57 | }
|
58 |
|
59 | .jp-BreadCrumbs-item.jp-mod-dropTarget {
|
60 | background-color: var(--jp-brand-color2);
|
61 | opacity: 0.7;
|
62 | }
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 | .jp-FileBrowser-toolbar > .jp-Toolbar-item {
|
69 | flex: 0 0 auto;
|
70 | padding-left: 0px;
|
71 | padding-right: 2px;
|
72 | }
|
73 |
|
74 | .jp-FileBrowser-toolbar > .jp-Toolbar-item .jp-ToolbarButtonComponent {
|
75 | width: 40px;
|
76 | }
|
77 |
|
78 | .jp-FileBrowser-toolbar
|
79 | .jp-ToolbarButtonComponent[data-command='filebrowser:create-main-launcher'] {
|
80 | width: 72px;
|
81 | background: var(--jp-brand-color1);
|
82 | }
|
83 |
|
84 | .jp-FileBrowser-toolbar
|
85 | .jp-ToolbarButtonComponent[data-command='filebrowser:create-main-launcher']:hover,
|
86 | .jp-FileBrowser-toolbar
|
87 | .jp-ToolbarButtonComponent[data-command='filebrowser:create-main-launcher']:focus-visible {
|
88 | background-color: var(--jp-brand-color0) !important;
|
89 | }
|
90 |
|
91 | .jp-FileBrowser-toolbar
|
92 | .jp-ToolbarButtonComponent[data-command='filebrowser:create-main-launcher']
|
93 | .jp-icon3 {
|
94 | fill: var(--jp-layout-color1);
|
95 | }
|
96 |
|
97 |
|
98 |
|
99 |
|
100 |
|
101 | .jp-FileDialog.jp-mod-conflict input {
|
102 | color: var(--jp-error-color1);
|
103 | }
|
104 |
|
105 | .jp-FileDialog .jp-new-name-title {
|
106 | margin-top: 12px;
|
107 | }
|
108 |
|
109 | .jp-LastModified-hidden {
|
110 | display: none;
|
111 | }
|
112 |
|
113 | .jp-FileBrowser-filterBox {
|
114 | padding: 0px;
|
115 | flex: 0 0 auto;
|
116 | margin: 8px 12px 0px 12px;
|
117 | }
|
118 |
|
119 |
|
120 |
|
121 |
|
122 |
|
123 | .jp-DirListing {
|
124 | flex: 1 1 auto;
|
125 | display: flex;
|
126 | flex-direction: column;
|
127 | outline: 0;
|
128 | }
|
129 |
|
130 | .jp-DirListing:focus-visible {
|
131 | border: 1px solid var(--jp-brand-color1);
|
132 | }
|
133 |
|
134 | .jp-DirListing-header {
|
135 | flex: 0 0 auto;
|
136 | display: flex;
|
137 | flex-direction: row;
|
138 | overflow: hidden;
|
139 | border-top: var(--jp-border-width) solid var(--jp-border-color2);
|
140 | border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
|
141 | box-shadow: var(--jp-toolbar-box-shadow);
|
142 | z-index: 2;
|
143 | }
|
144 |
|
145 | .jp-DirListing-headerItem {
|
146 | padding: 4px 12px 2px 12px;
|
147 | font-weight: 500;
|
148 | }
|
149 |
|
150 | .jp-DirListing-headerItem:hover {
|
151 | background: var(--jp-layout-color2);
|
152 | }
|
153 |
|
154 | .jp-DirListing-headerItem.jp-id-name {
|
155 | flex: 1 0 84px;
|
156 | }
|
157 |
|
158 | .jp-DirListing-headerItem.jp-id-modified {
|
159 | flex: 0 0 112px;
|
160 | border-left: var(--jp-border-width) solid var(--jp-border-color2);
|
161 | text-align: right;
|
162 | }
|
163 |
|
164 | .jp-id-narrow {
|
165 | display: none;
|
166 | flex: 0 0 5px;
|
167 | padding: 4px 4px;
|
168 | border-left: var(--jp-border-width) solid var(--jp-border-color2);
|
169 | text-align: right;
|
170 | color: var(--jp-border-color2);
|
171 | }
|
172 |
|
173 | .jp-DirListing-narrow .jp-id-narrow {
|
174 | display: block;
|
175 | }
|
176 |
|
177 | .jp-DirListing-narrow .jp-id-modified,
|
178 | .jp-DirListing-narrow .jp-DirListing-itemModified {
|
179 | display: none;
|
180 | }
|
181 |
|
182 | .jp-DirListing-headerItem.jp-mod-selected {
|
183 | font-weight: 600;
|
184 | }
|
185 |
|
186 |
|
187 | .jp-DirListing-content {
|
188 | flex: 1 1 auto;
|
189 | margin: 0;
|
190 | padding: 0;
|
191 | list-style-type: none;
|
192 | overflow: auto;
|
193 | background-color: var(--jp-layout-color1);
|
194 | }
|
195 |
|
196 | .jp-DirListing-content mark {
|
197 | color: var(--jp-ui-font-color0);
|
198 | background-color: transparent;
|
199 | font-weight: bold;
|
200 | }
|
201 |
|
202 | .jp-DirListing-content .jp-DirListing-item.jp-mod-selected mark {
|
203 | color: var(--jp-ui-inverse-font-color0);
|
204 | }
|
205 |
|
206 |
|
207 | .jp-DirListing.jp-mod-native-drop .jp-DirListing-content {
|
208 | outline: 5px dashed rgba(128, 128, 128, 0.5);
|
209 | outline-offset: -10px;
|
210 | cursor: copy;
|
211 | }
|
212 |
|
213 | .jp-DirListing-item {
|
214 | display: flex;
|
215 | flex-direction: row;
|
216 | padding: 4px 12px;
|
217 | -webkit-user-select: none;
|
218 | -moz-user-select: none;
|
219 | -ms-user-select: none;
|
220 | user-select: none;
|
221 | }
|
222 |
|
223 | .jp-DirListing-item[data-is-dot] {
|
224 | opacity: 75%;
|
225 | }
|
226 |
|
227 | .jp-DirListing-item.jp-mod-selected {
|
228 | color: var(--jp-ui-inverse-font-color1);
|
229 | background: var(--jp-brand-color1);
|
230 | }
|
231 |
|
232 | .jp-DirListing-item.jp-mod-dropTarget {
|
233 | background: var(--jp-brand-color3);
|
234 | }
|
235 |
|
236 | .jp-DirListing-item:hover:not(.jp-mod-selected) {
|
237 | background: var(--jp-layout-color2);
|
238 | }
|
239 |
|
240 | .jp-DirListing-itemIcon {
|
241 | flex: 0 0 20px;
|
242 | margin-right: 4px;
|
243 | }
|
244 |
|
245 | .jp-DirListing-itemText {
|
246 | flex: 1 0 64px;
|
247 | white-space: nowrap;
|
248 | overflow: hidden;
|
249 | text-overflow: ellipsis;
|
250 | user-select: none;
|
251 | }
|
252 |
|
253 | .jp-DirListing-itemModified {
|
254 | flex: 0 0 125px;
|
255 | text-align: right;
|
256 | }
|
257 |
|
258 | .jp-DirListing-editor {
|
259 | flex: 1 0 64px;
|
260 | outline: none;
|
261 | border: none;
|
262 | }
|
263 |
|
264 | .jp-DirListing-item.jp-mod-running .jp-DirListing-itemIcon:before {
|
265 | color: var(--jp-success-color1);
|
266 | content: '\25CF';
|
267 | font-size: 8px;
|
268 | position: absolute;
|
269 | left: -8px;
|
270 | }
|
271 |
|
272 | .jp-DirListing-item.jp-mod-running.jp-mod-selected
|
273 | .jp-DirListing-itemIcon:before {
|
274 | color: var(--jp-ui-inverse-font-color1);
|
275 | }
|
276 |
|
277 | .jp-DirListing-item.lm-mod-drag-image,
|
278 | .jp-DirListing-item.jp-mod-selected.lm-mod-drag-image {
|
279 | font-size: var(--jp-ui-font-size1);
|
280 | padding-left: 4px;
|
281 | margin-left: 4px;
|
282 | width: 160px;
|
283 | background-color: var(--jp-ui-inverse-font-color2);
|
284 | box-shadow: var(--jp-elevation-z2);
|
285 | border-radius: 0px;
|
286 | color: var(--jp-ui-font-color1);
|
287 | transform: translateX(-40%) translateY(-58%);
|
288 | }
|
289 |
|
290 | .jp-DirListing-deadSpace {
|
291 | flex: 1 1 auto;
|
292 | margin: 0;
|
293 | padding: 0;
|
294 | list-style-type: none;
|
295 | overflow: auto;
|
296 | background-color: var(--jp-layout-color1);
|
297 | }
|
298 |
|
299 | .jp-Document {
|
300 | min-width: 120px;
|
301 | min-height: 120px;
|
302 | outline: none;
|
303 | }
|