@scaleflex/widget-provider-views 4.3.0 → 4.4.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/package.json +5 -5
  3. package/dist/style.css +0 -787
  4. package/dist/style.min.css +0 -1
  5. package/lib/components/AuthView.js +0 -35
  6. package/lib/components/AuthView.styled.js +0 -21
  7. package/lib/components/Browser.js +0 -58
  8. package/lib/components/FolderImportProgress/FolderImportProgress.styled.js +0 -50
  9. package/lib/components/FolderImportProgress/index.js +0 -50
  10. package/lib/components/Items/AssetsSection/AssetsSectionTableHeader.js +0 -41
  11. package/lib/components/Items/AssetsSection/AssetsSectionTableRow.js +0 -147
  12. package/lib/components/Items/AssetsSection/index.js +0 -65
  13. package/lib/components/Items/FoldersSection/FoldersSectionTableHeader.js +0 -41
  14. package/lib/components/Items/FoldersSection/FoldersSectionTableRow.js +0 -102
  15. package/lib/components/Items/FoldersSection/index.js +0 -64
  16. package/lib/components/Items/Items.styled.js +0 -156
  17. package/lib/components/Items/List.js +0 -96
  18. package/lib/components/Items/index.js +0 -172
  19. package/lib/components/SearchProviderView/FooterActions.js +0 -25
  20. package/lib/components/SearchProviderView/SearchFilterInput.js +0 -76
  21. package/lib/components/SearchProviderView/SearchProviderBrowser.js +0 -74
  22. package/lib/components/SearchProviderView/SearchProviderBrowser.styled.js +0 -65
  23. package/lib/components/SearchProviderView/SearchProviderView.js +0 -248
  24. package/lib/components/SearchProviderView/index.js +0 -1
  25. package/lib/context/index.js +0 -2
  26. package/lib/hooks/useBrowserContext.js +0 -5
  27. package/lib/utils/View.js +0 -219
  28. package/lib/utils/remoteFileObjToLocal.js +0 -13
package/dist/style.css DELETED
@@ -1,787 +0,0 @@
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
- }