@scaleflex/widget-provider-views 4.4.0 → 4.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/style.css +787 -0
  3. package/dist/style.min.css +1 -0
  4. package/lib/components/AuthView.js +35 -0
  5. package/lib/components/AuthView.styled.js +21 -0
  6. package/lib/components/Browser.js +58 -0
  7. package/lib/components/FolderImportProgress/FolderImportProgress.styled.js +50 -0
  8. package/lib/components/FolderImportProgress/index.js +50 -0
  9. package/lib/components/Items/AssetsSection/AssetsSectionTableHeader.js +41 -0
  10. package/lib/components/Items/AssetsSection/AssetsSectionTableRow.js +147 -0
  11. package/lib/components/Items/AssetsSection/index.js +65 -0
  12. package/lib/components/Items/FoldersSection/FoldersSectionTableHeader.js +41 -0
  13. package/lib/components/Items/FoldersSection/FoldersSectionTableRow.js +102 -0
  14. package/lib/components/Items/FoldersSection/index.js +64 -0
  15. package/lib/components/Items/Items.styled.js +156 -0
  16. package/lib/components/Items/List.js +96 -0
  17. package/lib/components/Items/index.js +172 -0
  18. package/lib/components/SearchProviderView/FooterActions.js +25 -0
  19. package/lib/components/SearchProviderView/SearchFilterInput.js +76 -0
  20. package/lib/components/SearchProviderView/SearchProviderBrowser.js +74 -0
  21. package/lib/components/SearchProviderView/SearchProviderBrowser.styled.js +65 -0
  22. package/lib/components/SearchProviderView/SearchProviderView.js +248 -0
  23. package/lib/components/SearchProviderView/index.js +1 -0
  24. package/lib/context/index.js +2 -0
  25. package/lib/hooks/useBrowserContext.js +5 -0
  26. package/lib/utils/View.js +219 -0
  27. package/lib/utils/remoteFileObjToLocal.js +13 -0
  28. package/package.json +5 -5
package/dist/style.css ADDED
@@ -0,0 +1,787 @@
1
+ @charset "UTF-8";
2
+ @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
3
+ .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list::after {
4
+ content: "";
5
+ flex: auto;
6
+ }
7
+ .filerobot-ProviderBrowser-layoutType--grid ul.filerobot-ProviderBrowser-list:focus {
8
+ outline: none;
9
+ }
10
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-header {
11
+ display: flex;
12
+ align-items: center;
13
+ font-weight: 400;
14
+ width: 100%;
15
+ max-width: 130px;
16
+ padding: 0 12px;
17
+ margin-top: 12px;
18
+ cursor: pointer;
19
+ font-size: 12px;
20
+ }
21
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper {
22
+ padding: 8px 24px 12px;
23
+ }
24
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-Provider-ItemCategory-wrapper-list {
25
+ list-style: none;
26
+ padding: 0;
27
+ width: 100%;
28
+ display: grid;
29
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
30
+ }
31
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem {
32
+ min-width: 200px;
33
+ position: relative;
34
+ margin: 0;
35
+ }
36
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem::before {
37
+ content: "";
38
+ padding-top: 88%;
39
+ display: block;
40
+ }
41
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.item-folder .filerobot-ProviderBrowserItem-folderSelectBox, .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem.item-folder:hover .filerobot-ProviderBrowserItem-folderSelectBox {
42
+ display: flex;
43
+ }
44
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.filerobot-ProviderBrowserItem--beingRenamed):hover .filerobot-Explorer-dots-menu-icon {
45
+ display: block;
46
+ }
47
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
48
+ outline: none;
49
+ border: 4px solid transparent;
50
+ }
51
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder) {
52
+ border: 4px solid #000;
53
+ background-color: #4D4E4E;
54
+ }
55
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):hover *, [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):focus * {
56
+ color: #000;
57
+ }
58
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder).no-selection .filerobot-ProviderBrowserItem-inner {
59
+ cursor: auto;
60
+ }
61
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem:not(.item-folder):not(.no-selection) .filerobot-ProviderBrowserItem-inner:hover {
62
+ background-color: #EFF3F6;
63
+ }
64
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-videoDuration {
65
+ position: absolute;
66
+ bottom: 33%;
67
+ z-index: 2;
68
+ background: rgba(79, 98, 118, 0.7);
69
+ border-radius: 2px;
70
+ left: 16px;
71
+ padding: 2px 4px;
72
+ text-align: center;
73
+ font-weight: 500;
74
+ line-height: 12px;
75
+ font-size: 11px;
76
+ box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
77
+ color: #fff !important;
78
+ }
79
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner {
80
+ background-color: #5D6D7E !important;
81
+ }
82
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-inner * {
83
+ fill: #fff;
84
+ color: #fff;
85
+ }
86
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta input {
87
+ text-align: center;
88
+ color: #000 !important;
89
+ margin-top: 4px;
90
+ margin-bottom: -1px;
91
+ }
92
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected.with-meta button.filerobot-ProviderBrowserItem-inner:focus {
93
+ box-shadow: none !important;
94
+ }
95
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--selected .filerobot-Explorer-Item-fileInfoAndButtons {
96
+ background-color: inherit;
97
+ }
98
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
99
+ background-color: rgba(147, 147, 147, 0.2);
100
+ }
101
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview .filerobot-ProviderBrowserItem-inner {
102
+ background-color: rgba(234, 234, 234, 0.2);
103
+ }
104
+ .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
105
+ fill: rgba(0, 0, 0, 0.7);
106
+ width: 30%;
107
+ height: 30%;
108
+ }
109
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--grid li.filerobot-ProviderBrowserItem--noPreview svg {
110
+ fill: rgba(255, 255, 255, 0.8);
111
+ }
112
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner {
113
+ overflow: hidden;
114
+ position: absolute;
115
+ text-align: center;
116
+ top: 0;
117
+ left: 0;
118
+ width: 100%;
119
+ height: 100%;
120
+ border-radius: 2px;
121
+ box-shadow: 0px 1px 2px 0px rgba(77, 78, 78, 0.15);
122
+ background-color: #EFF3F6;
123
+ }
124
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner:focus {
125
+ outline: none;
126
+ }
127
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta {
128
+ display: flex;
129
+ flex-direction: column-reverse;
130
+ align-items: center;
131
+ justify-content: flex-end;
132
+ }
133
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta:focus {
134
+ box-shadow: none;
135
+ }
136
+ .filerobot-ProviderBrowser-layoutType--grid button.filerobot-ProviderBrowserItem-inner.with-meta img {
137
+ -o-object-fit: contain;
138
+ object-fit: contain;
139
+ width: 100%;
140
+ height: 100%;
141
+ max-width: 100%;
142
+ max-height: 100%;
143
+ }
144
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-fakeCheckbox {
145
+ display: none;
146
+ position: absolute;
147
+ z-index: 3;
148
+ top: 8px;
149
+ left: 8px;
150
+ }
151
+ .filerobot-ProviderBrowser-layoutType--grid .filerobot-ProviderBrowserItem-folderSelectBox {
152
+ top: 26px;
153
+ left: 14px;
154
+ position: absolute;
155
+ display: none;
156
+ }
157
+
158
+ .filerobot-ProviderBrowserItem--selected .filerobot-ProviderBrowserItem-fakeCheckbox {
159
+ display: block;
160
+ }
161
+
162
+ *:hover > .filerobot-ProviderBrowserItem-fakeCheckbox {
163
+ display: block;
164
+ }
165
+
166
+ .filerobot-Dragging-folders > *,
167
+ .filerobot-Dragging-files > * {
168
+ pointer-events: none;
169
+ }
170
+
171
+ .filerobot-ProviderBrowser-layoutType--list,
172
+ .filerobot-ProviderBrowser-layoutType--tiles {
173
+ background-color: #fff;
174
+ }
175
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list,
176
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles {
177
+ background-color: #1f1f1f;
178
+ }
179
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell,
180
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell {
181
+ text-overflow: ellipsis;
182
+ white-space: nowrap;
183
+ overflow: hidden;
184
+ white-space: nowrap;
185
+ text-align: left;
186
+ cursor: pointer;
187
+ font-size: 14px;
188
+ flex: 0.5 0;
189
+ }
190
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-cursor-default,
191
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-cursor-default {
192
+ cursor: default !important;
193
+ }
194
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-cell-icon,
195
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
196
+ max-width: 24px;
197
+ min-width: 20px;
198
+ }
199
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn,
200
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn {
201
+ display: flex;
202
+ align-items: center;
203
+ flex: 1 0;
204
+ }
205
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn input, .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
206
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn input,
207
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
208
+ width: 80%;
209
+ }
210
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-list-firstColumn label,
211
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-firstColumn label {
212
+ text-overflow: ellipsis;
213
+ white-space: nowrap;
214
+ overflow: hidden;
215
+ }
216
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-list,
217
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-list {
218
+ outline: none;
219
+ }
220
+ .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
221
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
222
+ outline: none;
223
+ display: flex;
224
+ align-items: center;
225
+ padding: 11px 12px;
226
+ margin: 0;
227
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
228
+ }
229
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--list li.filerobot-ProviderBrowserItem,
230
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
231
+ color: #eaeaea;
232
+ }
233
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowser-body,
234
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowser-body {
235
+ width: 100%;
236
+ overflow-x: auto;
237
+ }
238
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header,
239
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
240
+ text-overflow: ellipsis;
241
+ white-space: nowrap;
242
+ overflow: hidden;
243
+ display: flex;
244
+ align-items: center;
245
+ text-align: left;
246
+ padding: 12px;
247
+ font-weight: 400;
248
+ font-size: 14px;
249
+ line-height: 16px;
250
+ border-bottom: 1.5px solid rgba(0, 0, 0, 0.07);
251
+ position: sticky;
252
+ top: -1px;
253
+ background-color: #fff;
254
+ z-index: 11;
255
+ }
256
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header:last-child,
257
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header:last-child {
258
+ margin-right: 0;
259
+ }
260
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-c-icon,
261
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-c-icon {
262
+ vertical-align: middle;
263
+ }
264
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-wrapper-list,
265
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-wrapper-list {
266
+ padding: 0;
267
+ }
268
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-fakeCheckbox,
269
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-fakeCheckbox {
270
+ margin-right: 8px;
271
+ vertical-align: middle;
272
+ }
273
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner,
274
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner {
275
+ text-overflow: ellipsis;
276
+ white-space: nowrap;
277
+ overflow: hidden;
278
+ display: flex;
279
+ align-items: center;
280
+ width: 100%;
281
+ line-height: 1.3;
282
+ outline: none;
283
+ }
284
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner input,
285
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner input {
286
+ height: 17px;
287
+ }
288
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner img, .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem-inner svg,
289
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner img,
290
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem-inner svg {
291
+ max-width: 20px;
292
+ max-height: 20px;
293
+ }
294
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem,
295
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem {
296
+ color: #4D4E4E;
297
+ }
298
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected,
299
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected {
300
+ background: #5D6D7E;
301
+ color: #fff;
302
+ border-bottom: 1px solid #DFE7ED !important;
303
+ }
304
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-ProviderBrowserItem--selected svg path,
305
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-ProviderBrowserItem--selected svg path {
306
+ fill: #DFE7ED;
307
+ }
308
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-listHead-checkbox,
309
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-listHead-checkbox {
310
+ min-width: 16px;
311
+ }
312
+
313
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-common-Checkbox {
314
+ margin-right: 8px;
315
+ }
316
+ .filerobot-ProviderBrowser-layoutType--list .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
317
+ display: flex;
318
+ padding-left: 2px;
319
+ }
320
+
321
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header {
322
+ padding: 11px 12px;
323
+ }
324
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-ItemCategory-header .filerobot-Provider-list-cell-icon {
325
+ display: flex;
326
+ padding-left: 4px;
327
+ margin-left: 4px;
328
+ }
329
+ .filerobot-ProviderBrowser-layoutType--tiles li.filerobot-ProviderBrowserItem {
330
+ padding: 11px 12px;
331
+ }
332
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon {
333
+ max-width: 36px;
334
+ min-width: 36px;
335
+ margin-right: 8px;
336
+ }
337
+ .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon svg:not(.context-menu-icon), .filerobot-ProviderBrowser-layoutType--tiles .filerobot-Provider-list-cell-icon img {
338
+ width: 36px;
339
+ max-width: 36px;
340
+ max-height: 36px;
341
+ }
342
+
343
+ .filerobot-Explorer-Details-header {
344
+ display: flex;
345
+ align-items: center;
346
+ margin-left: 30px;
347
+ font-size: 12px;
348
+ }
349
+ .filerobot-Explorer-Details-header-icon {
350
+ margin-left: 6px;
351
+ }
352
+ .filerobot-Explorer-Details-header-title {
353
+ margin-top: 12px;
354
+ display: flex;
355
+ align-items: center;
356
+ max-width: 90%;
357
+ }
358
+ .filerobot-Explorer-Details-header-title label {
359
+ text-overflow: ellipsis;
360
+ white-space: nowrap;
361
+ overflow: hidden;
362
+ }
363
+ .filerobot-Explorer-Details-tabs {
364
+ display: flex;
365
+ padding: 0 8px;
366
+ margin-top: 8px;
367
+ font-size: 12px;
368
+ cursor: pointer;
369
+ }
370
+ .filerobot-Explorer-Details-tabs-details, .filerobot-Explorer-Details-tabs-comments {
371
+ display: flex;
372
+ justify-content: center;
373
+ align-items: center;
374
+ width: 50%;
375
+ height: 30px;
376
+ color: #4D4E4E;
377
+ border: 1px solid transparent;
378
+ border-top-left-radius: 0.1rem;
379
+ border-top-right-radius: 0.1rem;
380
+ }
381
+ .filerobot-Explorer-Details-tabs-details label, .filerobot-Explorer-Details-tabs-comments label {
382
+ width: 100%;
383
+ height: 100%;
384
+ display: flex;
385
+ align-items: center;
386
+ justify-content: center;
387
+ cursor: pointer;
388
+ }
389
+ .filerobot-Explorer-Details-tabs-details label:hover, .filerobot-Explorer-Details-tabs-comments label:hover {
390
+ margin-bottom: -1px;
391
+ border-bottom: 2px solid #6879EB;
392
+ background-color: #F8FAFB;
393
+ color: #6879EB;
394
+ }
395
+ .filerobot-Explorer-Details-tabs-details > input[type=radio], .filerobot-Explorer-Details-tabs-comments > input[type=radio] {
396
+ position: absolute;
397
+ left: -200vw;
398
+ }
399
+ .filerobot-Explorer-Details-tabs-details > input:checked + label, .filerobot-Explorer-Details-tabs-comments > input:checked + label {
400
+ margin-bottom: -1px;
401
+ border-bottom: 2px solid #6879EB;
402
+ background-color: #F8FAFB;
403
+ color: #6879EB;
404
+ }
405
+ .filerobot-Explorer-Details-icon-preview {
406
+ display: flex;
407
+ justify-content: center;
408
+ margin-top: 8px;
409
+ margin-bottom: 21px;
410
+ }
411
+ .filerobot-Explorer-Details-file-preview {
412
+ margin: 8px 5px 12px 8px;
413
+ height: 146px;
414
+ position: relative;
415
+ }
416
+ .filerobot-Explorer-Details-file-preview:hover .filerobot-Explorer-Details-thumbnailZoomOverlay {
417
+ display: flex;
418
+ }
419
+ .filerobot-Explorer-Details-thumbnail {
420
+ position: relative;
421
+ z-index: 1;
422
+ width: 100%;
423
+ height: 100%;
424
+ max-width: 100%;
425
+ max-height: 100%;
426
+ -o-object-fit: contain;
427
+ object-fit: contain;
428
+ }
429
+ .filerobot-Explorer-Details-info {
430
+ font-size: 12px;
431
+ margin: 0;
432
+ padding: 0;
433
+ margin-top: 12px;
434
+ padding-left: 12px;
435
+ }
436
+ .filerobot-Explorer-Details-info-list {
437
+ display: flex;
438
+ list-style: none;
439
+ margin-bottom: 8px;
440
+ }
441
+ .filerobot-Explorer-Details-info-list-name {
442
+ display: flex;
443
+ font-weight: 400;
444
+ width: 68px;
445
+ padding-right: 2px;
446
+ color: #768184;
447
+ }
448
+ .filerobot-Explorer-Details-info-list-name > span {
449
+ text-overflow: ellipsis;
450
+ white-space: nowrap;
451
+ overflow: hidden;
452
+ }
453
+ .filerobot-Explorer-Details-info-list-value {
454
+ display: inline-block;
455
+ color: #4D4E4E;
456
+ font-weight: 400;
457
+ width: calc(100% - 68px);
458
+ }
459
+ .filerobot-Explorer-Details-section {
460
+ margin-top: 8px;
461
+ padding-top: 12px;
462
+ margin-right: 12px;
463
+ margin-left: 12px;
464
+ font-size: 12px;
465
+ border-top: 1px solid #DFE7ED;
466
+ }
467
+ .filerobot-Explorer-Details-section-header {
468
+ display: flex;
469
+ justify-content: space-between;
470
+ align-items: center;
471
+ margin-bottom: 9px;
472
+ padding-right: 5px;
473
+ }
474
+ .filerobot-Explorer-Details-section-header-title {
475
+ color: #768184;
476
+ }
477
+ .filerobot-Explorer-Details-section-content-list {
478
+ display: inline-flex;
479
+ flex-wrap: wrap;
480
+ margin: 0;
481
+ padding: 0;
482
+ width: 100%;
483
+ list-style: none;
484
+ }
485
+ .filerobot-Explorer-Details-section-content-list li {
486
+ position: relative;
487
+ display: flex;
488
+ align-items: center;
489
+ margin: 0 5px 5px 0;
490
+ padding: 4px 6px;
491
+ border-radius: 2px;
492
+ color: #4D4E4E;
493
+ background: #F8FAFB;
494
+ font-family: "Roboto";
495
+ font-weight: 400;
496
+ }
497
+
498
+ .filerobot-Explorer-Details-thumbnailZoomOverlay {
499
+ position: absolute;
500
+ display: none;
501
+ align-items: center;
502
+ justify-content: center;
503
+ width: 100%;
504
+ height: 100%;
505
+ background: radial-gradient(50% 50% at 50% 50%, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 100%);
506
+ -webkit-user-select: none;
507
+ -moz-user-select: none;
508
+ user-select: none;
509
+ z-index: 111;
510
+ }
511
+
512
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton {
513
+ width: 100%;
514
+ height: 100%;
515
+ }
516
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:hover {
517
+ background: transparent !important;
518
+ }
519
+ .filerobot-Explorer-Details-thumbnailZoomOverlayButton:active:before {
520
+ opacity: 0.5 !important;
521
+ }
522
+
523
+ .filerobot-ProviderBrowser {
524
+ display: flex;
525
+ flex-direction: column;
526
+ flex: 1;
527
+ font-size: 14px;
528
+ font-weight: 400;
529
+ height: 100%;
530
+ position: relative;
531
+ background-color: #fff;
532
+ }
533
+
534
+ .filerobot-ProviderBrowser-user {
535
+ margin: 0 8px 0 0;
536
+ font-weight: 500;
537
+ color: #333;
538
+ }
539
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-user {
540
+ color: #eaeaea;
541
+ }
542
+
543
+ .filerobot-ProviderBrowser-select {
544
+ cursor: pointer;
545
+ line-height: 1.5;
546
+ color: #000;
547
+ }
548
+ .filerobot-ProviderBrowser-select.--filter {
549
+ max-width: 120px;
550
+ white-space: nowrap;
551
+ text-overflow: ellipsis;
552
+ overflow: hidden;
553
+ padding-right: 2px;
554
+ }
555
+ .filerobot-ProviderBrowser-select:focus {
556
+ outline: none;
557
+ border-color: transparent;
558
+ }
559
+
560
+ .filerobot-ProviderBrowser-user:after {
561
+ content: "·";
562
+ position: relative;
563
+ left: 4px;
564
+ color: #939393;
565
+ font-weight: normal;
566
+ }
567
+
568
+ .filerobot-ProviderBrowser-headerBar--simple {
569
+ text-align: center;
570
+ display: block;
571
+ justify-content: center;
572
+ }
573
+
574
+ .filerobot-ProviderBrowser-headerBar {
575
+ display: flex;
576
+ align-items: center;
577
+ padding: 12px;
578
+ color: #757575;
579
+ line-height: 1.4;
580
+ font-size: 12px;
581
+ position: relative;
582
+ width: 100%;
583
+ }
584
+ .filerobot-size--md .filerobot-ProviderBrowser-headerBar {
585
+ display: flex;
586
+ align-items: center;
587
+ justify-content: space-between;
588
+ }
589
+ .filerobot-size--height-md .filerobot-ProviderBrowser-headerBar {
590
+ display: flex;
591
+ align-items: center;
592
+ }
593
+ [data-filerobot-theme=dark] .filerobot-ProviderBrowser-headerBar {
594
+ border-bottom: 1px solid #333;
595
+ background-color: #1f1f1f;
596
+ }
597
+
598
+ .filerobot-ProviderBrowser-headerBar--simple {
599
+ text-align: center;
600
+ display: block;
601
+ justify-content: center;
602
+ }
603
+
604
+ .filerobot-ProviderBrowser-body {
605
+ flex: 1;
606
+ z-index: 1000;
607
+ position: relative;
608
+ display: flex;
609
+ height: 100%;
610
+ }
611
+
612
+ .filerobot-ProviderBrowser-body-list {
613
+ width: 100%;
614
+ overflow-x: auto;
615
+ }
616
+
617
+ .item-folder.filerobot-ProviderBrowserItem {
618
+ padding: 4px;
619
+ border-radius: 7px;
620
+ outline: none;
621
+ }
622
+ .item-folder.filerobot-ProviderBrowserItem::before {
623
+ content: unset !important;
624
+ display: none !important;
625
+ padding-top: 0 !important;
626
+ }
627
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder {
628
+ display: flex;
629
+ align-items: center;
630
+ padding: 10px 12px;
631
+ border: 1px solid #DFE7ED;
632
+ border-radius: 2px;
633
+ box-sizing: border-box;
634
+ width: 100%;
635
+ height: 36px;
636
+ outline: none;
637
+ }
638
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-ProviderBrowserItem-folderLiIcon > * {
639
+ width: 20px;
640
+ height: 20px;
641
+ }
642
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder input {
643
+ width: 96%;
644
+ }
645
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder .filerobot-Explorer-dots-menu-icon {
646
+ display: none;
647
+ }
648
+ .item-folder.filerobot-ProviderBrowserItem .filerobot-ProviderBrowserItem-inner-folder-title {
649
+ flex-grow: 1;
650
+ font-weight: 500;
651
+ white-space: nowrap;
652
+ text-overflow: ellipsis;
653
+ overflow: hidden;
654
+ font-size: 14px;
655
+ line-height: 16px;
656
+ color: #4D4E4E;
657
+ margin-left: 8px;
658
+ }
659
+ .item-folder.filerobot-ProviderBrowserItem button.filerobot-ProviderBrowserItem-inner-folder:hover {
660
+ background-color: #EFF3F6;
661
+ }
662
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder {
663
+ background-color: #5D6D7E !important;
664
+ outline: none;
665
+ }
666
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder input {
667
+ color: #000;
668
+ width: 96%;
669
+ }
670
+ .item-folder.filerobot-ProviderBrowserItem--selected button.filerobot-ProviderBrowserItem-inner-folder * {
671
+ fill: #DFE7ED;
672
+ color: #fff;
673
+ }
674
+
675
+ .filerobot-ProviderBrowserItem-inner {
676
+ cursor: pointer;
677
+ font-weight: 400;
678
+ font-size: 14px;
679
+ line-height: 16px;
680
+ }
681
+
682
+ .filerobot-Provider-list-cell-header-title {
683
+ white-space: nowrap;
684
+ overflow: hidden;
685
+ text-overflow: ellipsis;
686
+ }
687
+
688
+ .filerobot-Provider-list-cell-header-hidableIcon {
689
+ visibility: hidden;
690
+ }
691
+
692
+ .filerobot-Provider-list-cell-wrapper {
693
+ font-size: 12px;
694
+ display: flex;
695
+ align-items: center;
696
+ }
697
+ .filerobot-Provider-list-cell-wrapper:hover .filerobot-Provider-list-cell-header-hidableIcon {
698
+ visibility: visible;
699
+ }
700
+
701
+ .filerobot-ProviderBrowser-mainContent {
702
+ flex-grow: 1;
703
+ overflow: hidden;
704
+ overflow-x: auto;
705
+ -webkit-overflow-scrolling: touch;
706
+ position: relative;
707
+ }
708
+
709
+ .filerobot-ProviderBrowserItem--draggable-block {
710
+ position: sticky;
711
+ top: 0;
712
+ width: 1px;
713
+ height: 100%;
714
+ cursor: col-resize;
715
+ z-index: 100;
716
+ background: #DFE7ED;
717
+ }
718
+
719
+ .filerobot-ProviderBrowserItem-SideNav-addNew {
720
+ color: #5D6D7E;
721
+ font-weight: 500;
722
+ cursor: pointer;
723
+ }
724
+
725
+ .filerobot-ProviderBrowser-body-sideButtons {
726
+ min-width: 40px;
727
+ max-width: 40px;
728
+ }
729
+
730
+ .filerobot-ProviderBrowser-body-leftSideButtons {
731
+ margin-right: 20px;
732
+ }
733
+
734
+ .filerobot-ProviderBrowser-body-leftNavigationButton {
735
+ background: #F8FAFB;
736
+ box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
737
+ border-radius: 0px 50px 50px 0px;
738
+ padding: 10px 14px 10px 10px;
739
+ margin-top: 10px;
740
+ width: 100%;
741
+ position: sticky;
742
+ top: 91px;
743
+ }
744
+
745
+ .filerobot-ProviderBrowser-body-rightSideButtons {
746
+ margin-left: 20px;
747
+ }
748
+
749
+ .filerobot-ProviderBrowser-body-rightNavigationButton {
750
+ background: #F8FAFB;
751
+ box-shadow: 0px 1px 4px rgba(77, 78, 78, 0.15);
752
+ border-radius: 50px 0px 0px 50px;
753
+ padding: 10px 10px 10px 14px;
754
+ margin-top: 10px;
755
+ width: 100%;
756
+ position: sticky;
757
+ top: 91px;
758
+ }
759
+
760
+ .filerobot-Provider-LabelsListLi-selectMode,
761
+ .filerobot-Provider-LabelsListLi-selectMode * {
762
+ cursor: pointer;
763
+ }
764
+
765
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions {
766
+ bottom: 4%;
767
+ right: 3%;
768
+ top: auto;
769
+ }
770
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected {
771
+ display: flex;
772
+ visibility: visible;
773
+ }
774
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button {
775
+ background: #fff;
776
+ }
777
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active) svg * {
778
+ color: #6879EB;
779
+ fill: #6879EB;
780
+ }
781
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover {
782
+ background: #EFF3F6;
783
+ }
784
+ .filerobot-ProviderBrowserItem-ItemHoverBottomOptions-selected button:not(:active):hover svg * {
785
+ fill: #606FD1;
786
+ color: #606FD1;
787
+ }