@oat-sa/tao-core-ui 3.23.0 → 3.24.1

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 (31) hide show
  1. package/dist/figure/FigureStateActive.js +64 -32
  2. package/dist/image/ImgStateActive/initHelper.js +64 -32
  3. package/dist/image/ImgStateActive.js +64 -32
  4. package/dist/previewer.js +1 -1
  5. package/dist/resourcemgr/assetSearch.js +793 -0
  6. package/dist/resourcemgr/assetSearchContract.js +477 -0
  7. package/dist/resourcemgr/css/resourcemgr.css +1230 -97
  8. package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
  9. package/dist/resourcemgr/fileBrowser.js +815 -83
  10. package/dist/resourcemgr/filePreview.js +82 -7
  11. package/dist/resourcemgr/fileSelector.js +377 -92
  12. package/dist/resourcemgr.js +314 -57
  13. package/dist/searchModal/advancedSearch.js +233 -31
  14. package/package.json +15 -6
  15. package/src/image/ImgStateActive/initHelper.js +69 -31
  16. package/src/previewer.js +1 -1
  17. package/src/resourcemgr/assetSearch.js +847 -0
  18. package/src/resourcemgr/assetSearchContract.js +489 -0
  19. package/src/resourcemgr/css/resourcemgr.css +1230 -97
  20. package/src/resourcemgr/css/resourcemgr.css.map +1 -1
  21. package/src/resourcemgr/fileBrowser.js +872 -92
  22. package/src/resourcemgr/filePreview.js +89 -8
  23. package/src/resourcemgr/fileSelector.js +356 -46
  24. package/src/resourcemgr/scss/resourcemgr.scss +1450 -89
  25. package/src/resourcemgr/tpl/advanced-search.tpl +10 -0
  26. package/src/resourcemgr/tpl/fileSelect.tpl +25 -28
  27. package/src/resourcemgr/tpl/folder.tpl +4 -1
  28. package/src/resourcemgr/tpl/layout.tpl +125 -54
  29. package/src/resourcemgr/tpl/rootFolder.tpl +3 -1
  30. package/src/resourcemgr.js +294 -47
  31. package/src/searchModal/advancedSearch.js +242 -31
@@ -1,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  /*
2
3
  Usage:
3
4
  - linear-gradient((color1, color2, color3)) - returns linear-gradient with evenly distributed colors,
@@ -17,23 +18,69 @@ Usage:
17
18
  width: 90%;
18
19
  height: 100%;
19
20
  max-width: 1400px;
21
+ color: #222222;
22
+ background-color: #ffffff;
23
+ border-color: #dddfe2;
20
24
  }
21
25
  #mediaManager .resourcemgr.modal {
22
26
  max-height: 700px;
23
27
  top: 40px !important;
24
28
  bottom: 40px;
25
29
  padding: 0;
30
+ border: 1px solid #dddfe2;
31
+ background-color: #ffffff;
32
+ border-radius: 0;
26
33
  }
27
34
  .resourcemgr > h2 {
28
35
  font-size: 15px;
29
36
  font-size: 1.5rem;
30
37
  margin: 20px 40px 10px;
31
38
  height: 40px;
39
+ color: #222222;
40
+ }
41
+ .resourcemgr .btn-info {
42
+ color: #ffffff;
43
+ background-color: #286d9c;
44
+ border: 1px solid #286d9c;
45
+ text-shadow: none;
46
+ box-shadow: none;
47
+ }
48
+ .resourcemgr .btn-info:hover, .resourcemgr .btn-info:focus, .resourcemgr .btn-info:active {
49
+ color: #ffffff;
50
+ background-color: #286d9c;
51
+ border-color: #286d9c;
52
+ text-shadow: none;
53
+ box-shadow: none;
54
+ opacity: 0.9;
55
+ }
56
+ .resourcemgr .btn-info.btn-secondary, .resourcemgr .btn-info.btn-transparent {
57
+ color: #286d9c;
58
+ background-color: #ffffff;
59
+ border: 1px solid #286d9c;
60
+ text-shadow: none;
61
+ box-shadow: none;
62
+ }
63
+ .resourcemgr .btn-info.btn-secondary:hover, .resourcemgr .btn-info.btn-secondary:focus, .resourcemgr .btn-info.btn-secondary:active, .resourcemgr .btn-info.btn-transparent:hover, .resourcemgr .btn-info.btn-transparent:focus, .resourcemgr .btn-info.btn-transparent:active {
64
+ color: #286d9c;
65
+ background-color: #ffffff;
66
+ border-color: #286d9c;
67
+ text-shadow: none;
68
+ box-shadow: none;
69
+ opacity: 0.9;
70
+ }
71
+ .resourcemgr .btn-success {
72
+ text-shadow: none;
73
+ box-shadow: none;
32
74
  }
33
75
  .resourcemgr .file-wrapper {
34
76
  overflow-y: auto;
35
77
  margin: 0 40px;
36
78
  height: calc(100% - 40px - 40px - 40px);
79
+ display: flex;
80
+ flex-direction: column;
81
+ min-height: 0;
82
+ }
83
+ .resourcemgr .file-panels {
37
84
  display: -ms-flex;
38
85
  display: flex;
39
86
  flex-direction: row;
@@ -41,13 +88,21 @@ Usage:
41
88
  justify-content: flex-start;
42
89
  align-content: flex-start;
43
90
  align-items: stretch;
91
+ flex: 1 1 auto;
92
+ min-height: 0;
93
+ height: 100%;
94
+ gap: 0;
44
95
  }
45
96
  .resourcemgr .file-browser {
46
97
  -ms-order: 0;
47
98
  order: 0;
48
99
  flex-item-align: stretch;
49
100
  align-self: stretch;
50
- flex: 0 0 260px;
101
+ flex: 0 0 300px;
102
+ width: 300px;
103
+ max-width: 300px;
104
+ min-width: 0;
105
+ overflow: visible;
51
106
  }
52
107
  .resourcemgr .file-preview {
53
108
  -ms-order: 0;
@@ -55,6 +110,9 @@ Usage:
55
110
  flex-item-align: stretch;
56
111
  align-self: stretch;
57
112
  flex: 0 0 300px;
113
+ width: 300px;
114
+ max-width: 300px;
115
+ min-width: 0;
58
116
  }
59
117
  .resourcemgr .file-selector {
60
118
  -ms-order: 0;
@@ -63,79 +121,566 @@ Usage:
63
121
  align-self: stretch;
64
122
  flex: 1 1 auto;
65
123
  flex: 1 1;
66
- max-width: calc(100% - 560px);
124
+ max-width: calc(100% - 600px - 20px);
125
+ margin: 0 10px;
126
+ border: 0;
127
+ border-left: 1px solid #dddfe2;
128
+ border-right: 1px solid #dddfe2;
129
+ padding: 0 10px;
130
+ box-sizing: border-box;
67
131
  }
68
- .resourcemgr .file-browser, .resourcemgr .file-selector, .resourcemgr .file-preview {
132
+ .resourcemgr .file-panels .file-browser,
133
+ .resourcemgr .file-panels .file-selector,
134
+ .resourcemgr .file-panels .file-preview {
69
135
  position: relative;
70
136
  vertical-align: top;
71
- height: 100% !important;
72
- color: #222;
137
+ height: 100%;
138
+ min-height: 0;
139
+ color: #222222;
140
+ border-radius: 0;
73
141
  }
74
- .resourcemgr .file-browser h1, .resourcemgr .file-selector h1, .resourcemgr .file-preview h1 {
142
+ .resourcemgr .file-panels .file-browser h1,
143
+ .resourcemgr .file-panels .file-selector h1,
144
+ .resourcemgr .file-panels .file-preview h1 {
75
145
  font-size: 16px;
76
146
  font-size: 1.6rem;
77
147
  line-height: 1.6;
78
- color: #222;
79
- margin-top: 1px;
80
- padding: 5px;
148
+ display: flex;
149
+ align-items: center;
150
+ box-sizing: border-box;
151
+ min-height: 41px;
152
+ color: #222222;
153
+ margin: 0;
154
+ padding: 8px 10px;
155
+ border-radius: 4px 4px 0 0;
81
156
  }
82
- .resourcemgr .file-browser h2, .resourcemgr .file-selector h2, .resourcemgr .file-preview h2 {
157
+ .resourcemgr .file-panels .file-browser h2,
158
+ .resourcemgr .file-panels .file-selector h2,
159
+ .resourcemgr .file-panels .file-preview h2 {
83
160
  font-size: 13px;
84
161
  font-size: 1.3rem;
85
162
  line-height: 1.3;
86
- background-color: #d4d5d7;
87
- color: #222;
88
- margin-top: 1px;
163
+ background-color: #f6f7f7;
164
+ color: #222222;
165
+ margin: 0;
89
166
  padding: 6px;
90
167
  position: relative;
91
168
  clear: both;
169
+ border-radius: 4px 4px 0 0;
92
170
  }
93
- .resourcemgr .file-browser h2.toggler, .resourcemgr .file-selector h2.toggler, .resourcemgr .file-preview h2.toggler {
171
+ .resourcemgr .file-panels .file-browser h2.toggler,
172
+ .resourcemgr .file-panels .file-selector h2.toggler,
173
+ .resourcemgr .file-panels .file-preview h2.toggler {
94
174
  cursor: pointer;
95
175
  }
96
- .resourcemgr .file-browser h2.toggler:after, .resourcemgr .file-selector h2.toggler:after, .resourcemgr .file-preview h2.toggler:after {
176
+ .resourcemgr .file-panels .file-browser h2.toggler:after,
177
+ .resourcemgr .file-panels .file-selector h2.toggler:after,
178
+ .resourcemgr .file-panels .file-preview h2.toggler:after {
97
179
  position: absolute;
98
180
  right: 15px;
99
181
  top: 3px;
100
182
  }
101
183
  .resourcemgr .file-browser {
102
- background-color: #f3f1ef;
184
+ background-color: #ffffff;
185
+ display: flex;
186
+ flex-direction: column;
187
+ min-height: 0;
103
188
  }
104
- .resourcemgr .file-browser > h1 {
105
- background-color: #d4d5d7;
189
+ .resourcemgr .file-browser > h1.resources-title {
190
+ background-color: #f6f7f7;
191
+ flex: 0 0 auto;
192
+ border-radius: 4px 4px 0 0;
106
193
  }
107
- .resourcemgr .file-browser .file-browser-wrapper {
108
- overflow: auto;
109
- height: calc(100% - 50px);
194
+ .resourcemgr .file-browser .asset-search {
195
+ flex: 0 0 auto;
196
+ min-width: 0;
197
+ max-width: 100%;
198
+ max-height: calc(70% + 84px);
199
+ display: flex;
200
+ flex-direction: column;
201
+ min-height: 0;
202
+ color: #222222;
203
+ padding: 0;
204
+ margin: 0 0 16px;
205
+ border: 0;
206
+ background-color: #f6f7f7;
207
+ overflow: hidden;
208
+ position: relative;
209
+ z-index: 2;
210
+ border-radius: 4px;
110
211
  }
111
- .resourcemgr .file-browser ul {
112
- list-style-type: none;
113
- padding-left: 5px;
212
+ .resourcemgr .file-browser .asset-search.hidden, .resourcemgr .file-browser .asset-search[hidden] {
213
+ display: none;
114
214
  }
115
- .resourcemgr .file-browser ul ul {
116
- padding-left: 18px;
215
+ .resourcemgr .file-browser .asset-search.is-collapsed {
216
+ max-height: none;
217
+ overflow: visible;
218
+ margin-bottom: 16px;
117
219
  }
118
- .resourcemgr .file-browser ul li a {
119
- color: #222;
220
+ .resourcemgr .file-browser .asset-search.is-collapsed .asset-search-body {
221
+ display: none;
222
+ }
223
+ .resourcemgr .file-browser .asset-search.is-collapsed .asset-search-header {
224
+ border-radius: 4px;
225
+ outline: none;
226
+ }
227
+ .resourcemgr .file-browser .asset-search.is-collapsed .asset-search-toggle:focus:not(:focus-visible) {
228
+ outline: none;
229
+ }
230
+ .resourcemgr .file-browser .asset-search.is-collapsed .asset-search-toggle:focus-visible {
231
+ outline: 1px dotted #333333;
232
+ }
233
+ .resourcemgr .file-browser .asset-search-header {
234
+ flex: 0 0 auto;
235
+ min-width: 0;
236
+ max-width: 100%;
237
+ background-color: #f6f7f7;
238
+ padding: 0;
239
+ border-radius: 4px 4px 0 0;
240
+ overflow: hidden;
241
+ }
242
+ .resourcemgr .file-browser .asset-search-toggle {
243
+ display: flex;
244
+ align-items: baseline;
245
+ flex-wrap: nowrap;
246
+ gap: 8px;
247
+ width: 100%;
248
+ margin: 0;
249
+ padding: 8px 10px;
250
+ border: 0;
251
+ border-radius: 0;
252
+ background: transparent;
253
+ color: #222222;
254
+ cursor: pointer;
255
+ text-align: left;
256
+ text-shadow: none;
257
+ box-shadow: none;
258
+ min-width: 0;
259
+ min-height: 41px;
260
+ box-sizing: border-box;
261
+ font: inherit;
262
+ font-weight: normal;
263
+ line-height: 1.6;
264
+ }
265
+ .resourcemgr .file-browser .asset-search-toggle:hover, .resourcemgr .file-browser .asset-search-toggle:active {
266
+ background: transparent;
267
+ color: #222222;
268
+ opacity: 1;
269
+ text-shadow: none;
270
+ box-shadow: none;
271
+ }
272
+ .resourcemgr .file-browser .asset-search-toggle:focus {
273
+ outline: 1px dotted #333333;
274
+ }
275
+ .resourcemgr .file-browser .asset-search-title {
276
+ font-size: 16px;
277
+ font-size: 1.6rem;
278
+ display: inline-block;
279
+ margin: 0;
280
+ padding: 0;
281
+ background: transparent;
282
+ color: #222222;
283
+ line-height: 1.6;
284
+ flex: 0 0 auto;
120
285
  white-space: nowrap;
286
+ font-weight: normal;
121
287
  }
122
- .resourcemgr .file-browser ul li a:before {
123
- /* use !important to prevent issues with browser extensions that change fonts */
124
- font-family: "tao" !important;
125
- speak: never;
126
- font-style: normal;
288
+ .resourcemgr .file-browser .asset-search-chevron {
289
+ font-size: 12px;
290
+ font-size: 1.2rem;
291
+ flex: 0 0 auto;
292
+ align-self: baseline;
293
+ margin-left: auto;
294
+ line-height: 1;
295
+ }
296
+ .resourcemgr .file-browser .asset-search-applied-count {
297
+ font-size: 12px;
298
+ font-size: 1.2rem;
299
+ display: inline-block;
300
+ margin: 0;
301
+ color: #626262;
302
+ font-weight: normal;
303
+ flex: 0 1 auto;
304
+ min-width: 0;
305
+ white-space: nowrap;
306
+ overflow: hidden;
307
+ text-overflow: ellipsis;
308
+ line-height: 1.6;
309
+ }
310
+ .resourcemgr .file-browser .asset-search-applied-count.hidden, .resourcemgr .file-browser .asset-search-applied-count[hidden] {
311
+ display: none;
312
+ }
313
+ .resourcemgr .file-browser .asset-search-scope {
314
+ font-size: 12px;
315
+ font-size: 1.2rem;
316
+ display: inline-flex;
317
+ align-items: baseline;
318
+ gap: 0.25em;
319
+ margin: 0;
320
+ min-width: 0;
321
+ max-width: 100%;
322
+ flex: 0 1 auto;
323
+ overflow: hidden;
324
+ color: #626262;
325
+ line-height: 1.6;
326
+ font-weight: normal;
327
+ }
328
+ .resourcemgr .file-browser .asset-search-scope.hidden, .resourcemgr .file-browser .asset-search-scope[hidden] {
329
+ display: none;
330
+ }
331
+ .resourcemgr .file-browser .asset-search-scope-prefix {
332
+ flex: 0 0 auto;
333
+ white-space: nowrap;
334
+ }
335
+ .resourcemgr .file-browser .asset-search-scope-name {
336
+ flex: 0 1 auto;
337
+ min-width: 0;
338
+ overflow: hidden;
339
+ text-overflow: ellipsis;
340
+ white-space: nowrap;
341
+ color: #222222;
342
+ font-weight: bold;
343
+ }
344
+ .resourcemgr .file-browser .asset-search-scope-subfolders {
345
+ flex: 0 0 auto;
346
+ white-space: nowrap;
347
+ }
348
+ .resourcemgr .file-browser .asset-search-scope-subfolders.hidden, .resourcemgr .file-browser .asset-search-scope-subfolders[hidden] {
349
+ display: none;
350
+ }
351
+ .resourcemgr .file-browser .asset-search-body {
352
+ flex: 1 1 auto;
353
+ min-height: 0;
354
+ display: flex;
355
+ flex-direction: column;
356
+ padding: 14px 12px 16px;
357
+ overflow: hidden;
358
+ background-color: #f6f7f7;
359
+ }
360
+ .resourcemgr .file-browser .asset-search-field {
361
+ position: relative;
362
+ display: flex;
363
+ align-items: center;
364
+ flex: 0 0 auto;
365
+ padding: 0;
366
+ }
367
+ .resourcemgr .file-browser .asset-search-field .icon-find {
368
+ position: absolute;
369
+ left: 10px;
370
+ color: #888888;
371
+ pointer-events: none;
372
+ font-size: 14px;
373
+ font-size: 1.4rem;
374
+ }
375
+ .resourcemgr .file-browser .asset-search-input {
376
+ width: 100%;
377
+ height: 32px;
378
+ padding: 6px 10px 6px 30px;
379
+ border: 1px solid #dddfe2;
380
+ border-radius: 4px;
381
+ background-color: #ffffff;
382
+ box-sizing: border-box;
383
+ }
384
+ .resourcemgr .file-browser .asset-search-input:focus {
385
+ border-color: #286d9c;
386
+ outline: none;
387
+ }
388
+ .resourcemgr .file-browser .asset-search-label {
389
+ position: absolute;
390
+ width: 1px;
391
+ height: 1px;
392
+ overflow: hidden;
393
+ clip: rect(1px, 1px, 1px, 1px);
394
+ margin: 0;
395
+ padding: 0;
396
+ }
397
+ .resourcemgr .file-browser .asset-search-filters {
398
+ flex: 1 1 auto;
399
+ min-height: 48px;
400
+ margin-top: 8px;
401
+ overflow-x: hidden;
402
+ overflow-y: auto;
403
+ position: relative;
404
+ z-index: 3;
405
+ }
406
+ .resourcemgr .file-browser .asset-search .advanced-search-container {
407
+ padding: 0;
408
+ }
409
+ .resourcemgr .file-browser .asset-search .add-criteria-container {
410
+ display: flex;
411
+ flex-wrap: wrap;
412
+ align-items: center;
413
+ position: relative;
414
+ padding: 0;
415
+ margin: 8px 0 0;
416
+ min-height: 24px;
417
+ }
418
+ .resourcemgr .file-browser .asset-search .add-criteria-container.disabled {
419
+ display: none;
420
+ }
421
+ .resourcemgr .file-browser .asset-search .add-criteria-container a.toggle-modal-button {
422
+ display: inline-flex;
423
+ align-items: center;
424
+ gap: 4px;
425
+ margin: 0;
426
+ padding: 0;
427
+ color: #286d9c;
428
+ text-decoration: none;
127
429
  font-weight: normal;
128
- font-variant: normal;
129
- text-transform: none;
130
430
  line-height: 1;
131
- /* Better Font Rendering =========== */
132
- -webkit-font-smoothing: antialiased;
133
- -moz-osx-font-smoothing: grayscale;
134
- content: "\e60c";
135
- margin: 0 3px;
431
+ vertical-align: middle;
432
+ font-size: 13px;
433
+ font-size: 1.3rem;
136
434
  }
137
- .resourcemgr .file-browser ul li a.opened:before {
138
- font-style: italic;
435
+ .resourcemgr .file-browser .asset-search .add-criteria-container a.toggle-modal-button:hover {
436
+ text-decoration: underline;
437
+ }
438
+ .resourcemgr .file-browser .asset-search .add-criteria-container .icon-plus,
439
+ .resourcemgr .file-browser .asset-search .add-criteria-container .icon-add {
440
+ display: inline-flex;
441
+ align-items: center;
442
+ justify-content: center;
443
+ line-height: 1;
444
+ flex: 0 0 auto;
445
+ margin: 0;
446
+ font-size: 12px;
447
+ font-size: 1.2rem;
448
+ }
449
+ .resourcemgr .file-browser .asset-search .add-criteria-container .icon-plus:before,
450
+ .resourcemgr .file-browser .asset-search .add-criteria-container .icon-add:before {
451
+ line-height: 1;
452
+ vertical-align: middle;
453
+ }
454
+ .resourcemgr .file-browser .asset-search .applied-filters-summary {
455
+ border: 0;
456
+ border-radius: 0;
457
+ background: transparent;
458
+ height: auto;
459
+ padding: 0;
460
+ margin: 0;
461
+ color: #888888;
462
+ cursor: pointer;
463
+ font-weight: normal;
464
+ line-height: 1;
465
+ text-shadow: none;
466
+ box-shadow: none;
467
+ font-size: 12px;
468
+ font-size: 1.2rem;
469
+ }
470
+ .resourcemgr .file-browser .asset-search .applied-filters-summary:not(.hidden)::before {
471
+ content: "·";
472
+ display: inline-block;
473
+ margin: 0 6px;
474
+ color: #aeaeae;
475
+ }
476
+ .resourcemgr .file-browser .asset-search .applied-filters-summary.hidden {
477
+ display: none;
478
+ }
479
+ .resourcemgr .file-browser .asset-search .applied-filters-summary:hover, .resourcemgr .file-browser .asset-search .applied-filters-summary:active {
480
+ color: #222222;
481
+ text-decoration: underline;
482
+ background: transparent;
483
+ text-shadow: none;
484
+ box-shadow: none;
485
+ }
486
+ .resourcemgr .file-browser .asset-search .applied-filters-summary:focus {
487
+ outline: 1px dotted #333333;
488
+ }
489
+ .resourcemgr .file-browser .asset-search .criteria-select2 {
490
+ visibility: hidden;
491
+ position: absolute;
492
+ left: 0;
493
+ top: 0;
494
+ width: calc(100% - 8px);
495
+ }
496
+ .resourcemgr .file-browser .asset-search .advanced-criteria-container {
497
+ padding-right: 0;
498
+ max-height: none;
499
+ display: flex;
500
+ flex-direction: column;
501
+ gap: 8px;
502
+ }
503
+ .resourcemgr .file-browser .asset-search .filter-container {
504
+ margin-bottom: 0;
505
+ position: relative;
506
+ }
507
+ .resourcemgr .file-browser .asset-search .filter-spoiler-wrapper {
508
+ padding: 0;
509
+ border: 0;
510
+ background: transparent;
511
+ }
512
+ .resourcemgr .file-browser .asset-search .filter-spoiler {
513
+ border: 1px solid #dddfe2;
514
+ border-radius: 4px;
515
+ background: #ffffff;
516
+ overflow: hidden;
517
+ }
518
+ .resourcemgr .file-browser .asset-search .filter-spoiler.is-open .filter-spoiler-body {
519
+ display: block;
520
+ }
521
+ .resourcemgr .file-browser .asset-search .filter-spoiler.is-open .filter-spoiler-header {
522
+ border-bottom: 1px solid #dddfe2;
523
+ }
524
+ .resourcemgr .file-browser .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-body {
525
+ display: none;
526
+ }
527
+ .resourcemgr .file-browser .asset-search .filter-spoiler:not(.is-open) .filter-spoiler-header {
528
+ border-bottom: 0;
529
+ }
530
+ .resourcemgr .file-browser .asset-search .filter-spoiler-header {
531
+ display: flex;
532
+ align-items: center;
533
+ gap: 8px;
534
+ padding: 10px;
535
+ background-color: #ffffff;
536
+ outline: none;
537
+ box-shadow: none;
538
+ }
539
+ .resourcemgr .file-browser .asset-search .filter-spoiler-header:hover, .resourcemgr .file-browser .asset-search .filter-spoiler-header:focus, .resourcemgr .file-browser .asset-search .filter-spoiler-header:focus-within {
540
+ background-color: #ffffff;
541
+ outline: none;
542
+ box-shadow: none;
543
+ }
544
+ .resourcemgr .file-browser .asset-search .filter-spoiler-toggle {
545
+ display: flex;
546
+ align-items: center;
547
+ justify-content: flex-start;
548
+ flex: 1 1 auto;
549
+ min-width: 0;
550
+ height: auto;
551
+ padding: 0;
552
+ border: 0;
553
+ border-radius: 0;
554
+ background: transparent;
555
+ color: #222222;
556
+ font-weight: bold;
557
+ line-height: 1.3;
558
+ text-align: left;
559
+ text-shadow: none;
560
+ box-shadow: none;
561
+ cursor: pointer;
562
+ }
563
+ .resourcemgr .file-browser .asset-search .filter-spoiler-toggle:focus {
564
+ outline: none;
565
+ }
566
+ .resourcemgr .file-browser .asset-search .filter-spoiler-toggle:focus-visible {
567
+ outline: 1px dotted #333333;
568
+ }
569
+ .resourcemgr .file-browser .asset-search .filter-spoiler-toggle:hover, .resourcemgr .file-browser .asset-search .filter-spoiler-toggle:active {
570
+ background: transparent;
571
+ text-shadow: none;
572
+ box-shadow: none;
573
+ }
574
+ .resourcemgr .file-browser .asset-search .filter-spoiler-title {
575
+ font-size: 13px;
576
+ font-size: 1.3rem;
577
+ overflow: hidden;
578
+ text-overflow: ellipsis;
579
+ white-space: nowrap;
580
+ text-shadow: none;
581
+ }
582
+ .resourcemgr .file-browser .asset-search .filter-spoiler-icon {
583
+ display: none;
584
+ }
585
+ .resourcemgr .file-browser .asset-search .filter-spoiler-delete {
586
+ flex: 0 0 16px;
587
+ width: 16px;
588
+ height: 16px;
589
+ padding: 0;
590
+ border: 0;
591
+ border-radius: 0;
592
+ background: transparent;
593
+ color: #888888;
594
+ cursor: pointer;
595
+ line-height: 1;
596
+ text-shadow: none;
597
+ box-shadow: none;
598
+ visibility: hidden;
599
+ font-size: 14px;
600
+ font-size: 1.4rem;
601
+ }
602
+ .resourcemgr .file-browser .asset-search .filter-spoiler-delete:hover, .resourcemgr .file-browser .asset-search .filter-spoiler-delete:active {
603
+ color: #222222;
604
+ background: transparent;
605
+ text-shadow: none;
606
+ box-shadow: none;
607
+ }
608
+ .resourcemgr .file-browser .asset-search .filter-spoiler-delete:focus {
609
+ outline: none;
610
+ }
611
+ .resourcemgr .file-browser .asset-search .filter-spoiler-delete:focus-visible {
612
+ outline: 1px dotted #333333;
613
+ visibility: visible;
614
+ }
615
+ .resourcemgr .file-browser .asset-search .filter-spoiler.is-open .filter-spoiler-delete,
616
+ .resourcemgr .file-browser .asset-search .filter-spoiler-header:hover .filter-spoiler-delete {
617
+ visibility: visible;
618
+ }
619
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body {
620
+ padding: 10px;
621
+ box-sizing: border-box;
622
+ }
623
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > label,
624
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > .criterion-container,
625
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > fieldset {
626
+ display: block;
627
+ width: 100%;
628
+ min-width: 0;
629
+ box-sizing: border-box;
630
+ margin: 0;
631
+ }
632
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > label > .filter-label-text,
633
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > .criterion-container > .filter-label-text,
634
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body > fieldset > legend {
635
+ position: absolute;
636
+ width: 1px;
637
+ height: 1px;
638
+ overflow: hidden;
639
+ clip: rect(1px, 1px, 1px, 1px);
640
+ margin: 0;
641
+ padding: 0;
642
+ }
643
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .criteria-alias,
644
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .class-path {
645
+ display: none;
646
+ }
647
+ .resourcemgr .file-browser .asset-search .logic-radio-group {
648
+ display: none !important;
649
+ }
650
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container {
651
+ width: 100% !important;
652
+ }
653
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-choices {
654
+ min-height: 30px;
655
+ border-radius: 4px;
656
+ }
657
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice {
658
+ overflow: hidden;
659
+ padding: 4px 24px 4px 8px;
660
+ line-height: 1.3;
661
+ }
662
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus {
663
+ background-color: #dbd9d7;
664
+ }
665
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
666
+ background-image: none !important;
667
+ left: auto;
668
+ right: 4px;
669
+ top: 50%;
670
+ width: 14px;
671
+ height: 14px;
672
+ margin-top: -7px;
673
+ font-size: 0;
674
+ line-height: 1;
675
+ color: #888888;
676
+ text-indent: 0;
677
+ }
678
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:focus, .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:active {
679
+ background-image: none !important;
680
+ background-position: 0 0;
681
+ color: #222222;
682
+ }
683
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:before {
139
684
  /* use !important to prevent issues with browser extensions that change fonts */
140
685
  font-family: "tao" !important;
141
686
  speak: never;
@@ -147,43 +692,290 @@ Usage:
147
692
  /* Better Font Rendering =========== */
148
693
  -webkit-font-smoothing: antialiased;
149
694
  -moz-osx-font-smoothing: grayscale;
695
+ content: "\e637";
696
+ font-size: 12px;
697
+ font-size: 1.2rem;
698
+ display: block;
699
+ line-height: 14px;
700
+ text-align: center;
701
+ }
702
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body input[type=text],
703
+ .resourcemgr .file-browser .asset-search .filter-spoiler-body textarea {
704
+ display: block;
705
+ width: 100%;
706
+ max-width: 100%;
707
+ box-sizing: border-box;
708
+ border-radius: 4px;
709
+ }
710
+ .resourcemgr .file-browser .asset-search-actions {
711
+ display: flex;
712
+ justify-content: flex-start;
713
+ align-items: center;
714
+ flex: 0 0 auto;
715
+ flex-wrap: nowrap;
716
+ gap: 8px;
717
+ margin-top: 16px;
718
+ }
719
+ .resourcemgr .file-browser .asset-search-actions .asset-search-clear {
720
+ margin: 0;
721
+ padding: 0;
722
+ border: 0;
723
+ border-radius: 0;
724
+ background: transparent;
725
+ color: #286d9c;
726
+ cursor: pointer;
727
+ font-weight: normal;
728
+ line-height: 1.4;
729
+ text-decoration: none;
730
+ text-shadow: none;
731
+ box-shadow: none;
732
+ flex: 0 0 auto;
733
+ font-size: 13px;
734
+ font-size: 1.3rem;
735
+ }
736
+ .resourcemgr .file-browser .asset-search-actions .asset-search-clear.hidden, .resourcemgr .file-browser .asset-search-actions .asset-search-clear[hidden] {
737
+ display: none;
738
+ }
739
+ .resourcemgr .file-browser .asset-search-actions .asset-search-clear:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-clear:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-clear:active {
740
+ color: #286d9c;
741
+ background: transparent;
742
+ text-decoration: underline;
743
+ text-shadow: none;
744
+ box-shadow: none;
745
+ }
746
+ .resourcemgr .file-browser .asset-search-actions .asset-search-clear:focus {
747
+ outline: 1px dotted #333333;
748
+ }
749
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit {
750
+ margin: 0 0 0 auto;
751
+ min-width: 88px;
752
+ flex: 0 0 auto;
753
+ display: inline-flex;
754
+ align-items: center;
755
+ justify-content: center;
756
+ gap: 6px;
757
+ }
758
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit .asset-search-submit-spinner {
759
+ display: none;
760
+ line-height: 1;
761
+ font-size: 14px;
762
+ font-size: 1.4rem;
763
+ }
764
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit .asset-search-submit-spinner.hidden, .resourcemgr .file-browser .asset-search-actions .asset-search-submit .asset-search-submit-spinner[hidden] {
765
+ display: none;
766
+ }
767
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching .asset-search-submit-spinner:not(.hidden) {
768
+ display: inline-block;
769
+ }
770
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching .asset-search-submit-spinner:not(.hidden).icon-loop::before {
771
+ display: inline-block;
772
+ transform-origin: 50% 50%;
773
+ animation: rm-search-button-spin 1.4s linear infinite;
774
+ }
775
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled] {
776
+ color: #ffffff;
777
+ background-color: #aeaeae;
778
+ border-color: #aeaeae;
779
+ cursor: not-allowed;
780
+ opacity: 1;
781
+ text-shadow: none;
782
+ box-shadow: none;
783
+ }
784
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled:active, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled]:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled]:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled]:active {
785
+ color: #ffffff;
786
+ background-color: #aeaeae;
787
+ border-color: #aeaeae;
788
+ opacity: 1;
789
+ }
790
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:disabled, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching[disabled] {
791
+ color: #ffffff;
792
+ background-color: #286d9c;
793
+ border-color: #286d9c;
794
+ cursor: wait;
795
+ opacity: 1;
796
+ }
797
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:active, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:disabled:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:disabled:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching:disabled:active, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching[disabled]:hover, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching[disabled]:focus, .resourcemgr .file-browser .asset-search-actions .asset-search-submit.is-searching[disabled]:active {
798
+ color: #ffffff;
799
+ background-color: #286d9c;
800
+ border-color: #286d9c;
801
+ opacity: 1;
802
+ }
803
+ @keyframes rm-search-button-spin {
804
+ from {
805
+ transform: rotate(0deg);
806
+ }
807
+ to {
808
+ transform: rotate(360deg);
809
+ }
810
+ }
811
+ .resourcemgr .file-browser .file-browser-wrapper {
812
+ position: relative;
813
+ display: flex;
814
+ flex-direction: column;
815
+ flex: 1 1 auto;
816
+ min-height: 0;
817
+ overflow: hidden;
818
+ }
819
+ .resourcemgr .file-browser .file-browser-wrapper.is-tree-loading {
820
+ pointer-events: none;
821
+ }
822
+ .resourcemgr .file-browser .file-browser-wrapper.is-tree-loading .file-browser-scroll {
823
+ overflow: hidden;
824
+ }
825
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-scroll {
826
+ flex: 1 1 auto;
827
+ min-height: 0;
828
+ overflow: auto;
829
+ padding: 8px 4px 12px;
830
+ }
831
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading {
832
+ position: absolute;
833
+ inset: 0;
834
+ z-index: 3;
835
+ display: flex;
836
+ align-items: center;
837
+ justify-content: center;
838
+ background-color: rgba(255, 255, 255, 0.75);
839
+ }
840
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading.hidden {
841
+ display: none;
842
+ }
843
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .icon-loop {
844
+ color: #286d9c;
845
+ font-size: 22px;
846
+ font-size: 2.2rem;
847
+ }
848
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .icon-loop::before {
849
+ display: inline-block;
850
+ transform-origin: 50% 50%;
851
+ animation: rm-search-button-spin 1.4s linear infinite;
852
+ }
853
+ .resourcemgr .file-browser .file-browser-wrapper .file-browser-tree-loading .file-browser-tree-loading-status {
854
+ position: absolute;
855
+ width: 1px;
856
+ height: 1px;
857
+ overflow: hidden;
858
+ clip: rect(1px, 1px, 1px, 1px);
859
+ margin: 0;
860
+ padding: 0;
861
+ }
862
+ .resourcemgr .file-browser ul {
863
+ list-style-type: none;
864
+ padding-left: 5px;
865
+ }
866
+ .resourcemgr .file-browser ul ul {
867
+ padding-left: 18px;
868
+ }
869
+ .resourcemgr .file-browser ul li a {
870
+ color: #222222;
871
+ white-space: nowrap;
872
+ display: flex;
873
+ align-items: center;
874
+ gap: 4px;
875
+ box-sizing: border-box;
876
+ width: 100%;
877
+ padding: 3px 4px;
878
+ line-height: 1.5;
879
+ text-decoration: none;
880
+ border: 0;
881
+ outline: none;
882
+ box-shadow: none;
883
+ }
884
+ .resourcemgr .file-browser ul li a:hover, .resourcemgr .file-browser ul li a:focus, .resourcemgr .file-browser ul li a:focus-visible, .resourcemgr .file-browser ul li a:active {
885
+ text-decoration: none;
886
+ color: #222222;
887
+ outline: none;
888
+ box-shadow: none;
889
+ }
890
+ .resourcemgr .file-browser ul li a > .tree-toggle,
891
+ .resourcemgr .file-browser ul li a > .tree-folder {
892
+ flex: 0 0 auto;
893
+ line-height: 1;
894
+ font-size: 12px;
895
+ font-size: 1.2rem;
896
+ }
897
+ .resourcemgr .file-browser ul li a > .tree-toggle {
898
+ width: 1em;
899
+ color: #626262;
900
+ }
901
+ .resourcemgr .file-browser ul li a > .tree-toggle.is-leaf:before, .resourcemgr .file-browser ul li a > .tree-toggle:not(.icon-right):not(.icon-down):before {
902
+ content: none;
903
+ }
904
+ .resourcemgr .file-browser ul li a > .tree-folder {
905
+ font-size: 14px;
906
+ font-size: 1.4rem;
907
+ }
908
+ .resourcemgr .file-browser ul li a.opened > .tree-toggle:before {
909
+ content: "\e611";
910
+ }
911
+ .resourcemgr .file-browser ul li a.opened > .tree-folder:before {
912
+ content: "\e60d";
913
+ }
914
+ .resourcemgr .file-browser ul li.active > a > .tree-folder:before {
150
915
  content: "\e60d";
151
916
  }
152
917
  .resourcemgr .file-browser ul li.active > a {
153
- background-color: #ecf2f6;
918
+ background-color: #eaf0f5;
919
+ border: 0;
920
+ outline: none;
921
+ box-shadow: none;
154
922
  }
155
923
  .resourcemgr .file-preview {
156
- background-color: #f3f1ef;
924
+ background-color: #ffffff;
157
925
  }
158
926
  .resourcemgr .file-preview > h1 {
159
- background-color: #d4d5d7;
927
+ background-color: #f6f7f7;
928
+ border-radius: 4px 4px 0 0;
160
929
  }
161
930
  .resourcemgr .file-preview .file-properties {
162
- padding: 0 5px;
931
+ padding: 12px 14px;
932
+ }
933
+ .resourcemgr .file-preview .file-properties .grid-row {
934
+ margin-bottom: 10px;
935
+ }
936
+ .resourcemgr .file-preview .file-properties .prop-url .actions {
937
+ text-align: left;
938
+ margin: 8px 0 0;
939
+ }
940
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download {
941
+ text-decoration: none;
942
+ color: #286d9c;
943
+ }
944
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download .icon-download {
945
+ margin-right: 4px;
946
+ }
947
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download:hover {
948
+ text-decoration: underline;
949
+ color: #286d9c;
163
950
  }
164
951
  .resourcemgr .file-preview .previewer {
165
952
  height: 300px;
166
953
  overflow: hidden;
167
954
  }
168
- .resourcemgr .file-preview .actions {
955
+ .resourcemgr .file-preview .actions.select-actions {
169
956
  text-align: center;
170
- margin-bottom: 10px;
957
+ margin: 12px 0 16px;
171
958
  }
172
959
  .resourcemgr .file-selector {
173
960
  position: relative;
174
- border: solid 1px #fff;
175
- border-top: none;
176
- border-bottom: none;
177
961
  display: flex;
178
962
  flex-direction: column;
179
- background-color: rgb(255, 255, 255);
963
+ background-color: #ffffff;
180
964
  }
181
965
  .resourcemgr .file-selector > h1 {
182
966
  position: relative;
183
- background-color: #f3f1ef;
967
+ background-color: #f6f7f7;
968
+ border-radius: 4px 4px 0 0;
969
+ justify-content: space-between;
970
+ gap: 10px;
184
971
  }
185
972
  .resourcemgr .file-selector > h1 .title {
186
- margin-right: 10px;
973
+ float: none;
974
+ margin-right: 0;
975
+ }
976
+ .resourcemgr .file-selector > h1 .upload-switcher {
977
+ float: none;
978
+ flex: 0 0 auto;
187
979
  }
188
980
  .resourcemgr .file-selector > h1 .upload-switcher a {
189
981
  display: inline-block;
@@ -191,29 +983,184 @@ Usage:
191
983
  .resourcemgr .file-selector > h1 .upload-switcher .listing {
192
984
  display: none;
193
985
  }
986
+ .resourcemgr .file-selector > h1 .upload-switcher a.btn-info {
987
+ color: #222222;
988
+ background-color: #ffffff;
989
+ border: 1px solid #dddfe2;
990
+ }
991
+ .resourcemgr .file-selector > h1 .upload-switcher a.btn-info:hover, .resourcemgr .file-selector > h1 .upload-switcher a.btn-info:focus, .resourcemgr .file-selector > h1 .upload-switcher a.btn-info:active {
992
+ color: #222222;
993
+ background-color: #ffffff;
994
+ border-color: #dddfe2;
995
+ opacity: 1;
996
+ }
194
997
  .resourcemgr .file-selector .empty {
195
- color: #666;
998
+ display: none;
999
+ color: #626262;
196
1000
  font-style: italic;
197
1001
  font-size: 18px;
198
1002
  font-size: 1.8rem;
199
1003
  text-align: center;
1004
+ padding: 24px 10px;
1005
+ }
1006
+ .resourcemgr .file-selector .asset-search-error {
1007
+ padding: 10px 5px;
1008
+ text-align: center;
1009
+ font-size: 14px;
1010
+ font-size: 1.4rem;
1011
+ }
1012
+ .resourcemgr .file-selector .asset-search-error.hidden, .resourcemgr .file-selector .asset-search-error[hidden] {
1013
+ display: none;
1014
+ }
1015
+ .resourcemgr .file-selector .asset-search-error {
1016
+ color: rgb(186, 18, 43);
1017
+ }
1018
+ .resourcemgr .file-selector.search-mode .upload-switcher {
1019
+ display: none;
200
1020
  }
201
- .resourcemgr .file-selector ul.files {
1021
+ .resourcemgr .file-selector.upload-mode .pagination-bottom {
1022
+ display: none;
1023
+ }
1024
+ .resourcemgr .file-selector .files-wrapper {
202
1025
  position: relative;
203
- margin-bottom: 0;
204
- padding: 0;
205
- list-style-type: none;
1026
+ display: flex;
1027
+ flex-direction: column;
206
1028
  flex-grow: 1;
1029
+ min-height: 0;
1030
+ overflow: hidden;
1031
+ }
1032
+ .resourcemgr .file-selector .files-wrapper.is-files-loading {
1033
+ pointer-events: none;
1034
+ }
1035
+ .resourcemgr .file-selector .files-wrapper.is-files-loading .files-scroll {
1036
+ overflow-y: hidden;
1037
+ }
1038
+ .resourcemgr .file-selector .files-wrapper .files-scroll {
1039
+ flex: 1 1 auto;
1040
+ min-height: 0;
207
1041
  overflow-y: auto;
208
1042
  }
209
- .resourcemgr .file-selector ul.files li {
210
- height: 35px;
211
- line-height: 35px;
212
- margin-bottom: 0;
213
- padding: 0 0 0 5px;
214
- position: relative;
1043
+ .resourcemgr .file-selector .files-wrapper .files-list-loading {
1044
+ position: absolute;
1045
+ inset: 0;
1046
+ z-index: 2;
1047
+ display: flex;
1048
+ align-items: center;
1049
+ justify-content: center;
1050
+ background-color: rgba(255, 255, 255, 0.82);
1051
+ }
1052
+ .resourcemgr .file-selector .files-wrapper .files-list-loading.hidden {
1053
+ display: none;
1054
+ }
1055
+ .resourcemgr .file-selector .files-wrapper .files-list-loading .icon-loop {
1056
+ color: #286d9c;
1057
+ font-size: 22px;
1058
+ font-size: 2.2rem;
1059
+ }
1060
+ .resourcemgr .file-selector .files-wrapper .files-list-loading .icon-loop::before {
1061
+ display: inline-block;
1062
+ transform-origin: 50% 50%;
1063
+ animation: rm-search-button-spin 1.4s linear infinite;
1064
+ }
1065
+ .resourcemgr .file-selector .files-wrapper .files-list-loading .files-list-loading-status {
1066
+ position: absolute;
1067
+ width: 1px;
1068
+ height: 1px;
1069
+ overflow: hidden;
1070
+ clip: rect(1px, 1px, 1px, 1px);
1071
+ margin: 0;
1072
+ padding: 0;
1073
+ }
1074
+ .resourcemgr .file-selector table.files {
1075
+ width: 100%;
1076
+ border-collapse: collapse;
1077
+ margin: 0;
1078
+ table-layout: fixed;
1079
+ }
1080
+ .resourcemgr .file-selector table.files thead th {
1081
+ text-align: left;
1082
+ font-weight: bold;
1083
+ padding: 12px 12px 10px;
1084
+ border-bottom: 1px solid #ebecee;
1085
+ background-color: transparent;
1086
+ color: #222222;
1087
+ white-space: nowrap;
1088
+ -webkit-user-select: none;
1089
+ user-select: none;
1090
+ }
1091
+ .resourcemgr .file-selector table.files thead th.sortable {
1092
+ cursor: pointer;
1093
+ }
1094
+ .resourcemgr .file-selector table.files thead th.sortable .sort-label {
1095
+ display: inline-flex;
1096
+ align-items: center;
1097
+ gap: 6px;
1098
+ }
1099
+ .resourcemgr .file-selector table.files thead th.sortable .sort-label:after {
1100
+ content: "";
1101
+ flex: 0 0 auto;
1102
+ width: 11px;
1103
+ height: 12px;
1104
+ opacity: 0.55;
1105
+ background-color: #222222;
1106
+ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E") center/contain no-repeat;
1107
+ mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath fill='black' d='M0 1h12v1.5H0zm0 3.5h9v1.5H0zm0 3.5h6v1.5H0z'/%3E%3Cpath fill='black' d='M9.5 8.5L12 12H7z'/%3E%3C/svg%3E") center/contain no-repeat;
1108
+ }
1109
+ .resourcemgr .file-selector table.files thead th.sortable:hover .sort-label:after, .resourcemgr .file-selector table.files thead th.sortable:focus .sort-label:after {
1110
+ background-color: #222222;
1111
+ opacity: 1;
1112
+ }
1113
+ .resourcemgr .file-selector table.files thead th.sorted.sorted_asc .sort-label:after {
1114
+ opacity: 1;
1115
+ transform: scaleY(-1);
1116
+ }
1117
+ .resourcemgr .file-selector table.files thead th.sorted.sorted_desc .sort-label:after {
1118
+ opacity: 1;
1119
+ transform: none;
1120
+ }
1121
+ .resourcemgr .file-selector table.files tbody tr {
1122
+ cursor: pointer;
1123
+ }
1124
+ .resourcemgr .file-selector table.files tbody tr.active, .resourcemgr .file-selector table.files tbody tr:hover {
1125
+ background-color: #eaf0f5;
215
1126
  }
216
- .resourcemgr .file-selector ul.files li:before {
1127
+ .resourcemgr .file-selector table.files tbody tr td {
1128
+ padding: 10px 12px;
1129
+ border-bottom: 0;
1130
+ vertical-align: middle;
1131
+ overflow: hidden;
1132
+ text-overflow: ellipsis;
1133
+ white-space: nowrap;
1134
+ max-width: 0;
1135
+ }
1136
+ .resourcemgr .file-selector table.files tbody tr td .truncate,
1137
+ .resourcemgr .file-selector table.files tbody tr td .desc,
1138
+ .resourcemgr .file-selector table.files tbody tr td .meta {
1139
+ display: block;
1140
+ overflow: hidden;
1141
+ text-overflow: ellipsis;
1142
+ white-space: nowrap;
1143
+ max-width: 100%;
1144
+ }
1145
+ .resourcemgr .file-selector table.files .files-label {
1146
+ width: 44%;
1147
+ }
1148
+ .resourcemgr .file-selector table.files .files-label .files-label-inner {
1149
+ display: flex;
1150
+ align-items: center;
1151
+ gap: 6px;
1152
+ min-width: 0;
1153
+ max-width: 100%;
1154
+ }
1155
+ .resourcemgr .file-selector table.files .files-label .file-icon {
1156
+ display: inline-flex;
1157
+ align-items: center;
1158
+ justify-content: center;
1159
+ width: 18px;
1160
+ flex-shrink: 0;
1161
+ line-height: 1;
1162
+ }
1163
+ .resourcemgr .file-selector table.files .files-label .file-icon:before {
217
1164
  /* use !important to prevent issues with browser extensions that change fonts */
218
1165
  font-family: "tao" !important;
219
1166
  speak: never;
@@ -228,56 +1175,242 @@ Usage:
228
1175
  content: "\e622";
229
1176
  font-size: 16px;
230
1177
  font-size: 1.6rem;
231
- vertical-align: top;
232
- line-height: 2.2;
233
- position: absolute;
234
- left: 8px;
235
1178
  }
236
- .resourcemgr .file-selector ul.files li[data-type=image]:before {
1179
+ .resourcemgr .file-selector table.files .files-label .desc {
1180
+ display: block;
1181
+ flex: 1 1 auto;
1182
+ min-width: 0;
1183
+ overflow: hidden;
1184
+ text-overflow: ellipsis;
1185
+ white-space: nowrap;
1186
+ }
1187
+ .resourcemgr .file-selector table.files tr[data-type=image] .file-icon:before {
237
1188
  content: "\e620";
238
1189
  }
239
- .resourcemgr .file-selector ul.files li[data-type=audio]:before {
1190
+ .resourcemgr .file-selector table.files tr[data-type=audio] .file-icon:before {
240
1191
  content: "\e670";
241
1192
  }
242
- .resourcemgr .file-selector ul.files li[data-type=video]:before {
1193
+ .resourcemgr .file-selector table.files tr[data-type=video] .file-icon:before {
243
1194
  content: "\e61e";
244
1195
  }
245
- .resourcemgr .file-selector ul.files li.active, .resourcemgr .file-selector ul.files li:hover {
246
- background-color: #ecf2f6;
247
- cursor: pointer;
1196
+ .resourcemgr .file-selector table.files .files-location {
1197
+ width: 30%;
248
1198
  }
249
- .resourcemgr .file-selector ul.files li .desc {
250
- display: inline-block;
251
- max-width: calc(100% - 130px);
252
- margin-left: 25px;
1199
+ .resourcemgr .file-selector table.files .files-updated {
1200
+ width: 26%;
253
1201
  }
254
- .resourcemgr .file-selector ul.files li .actions {
255
- top: 0;
256
- right: 0;
257
- position: absolute;
258
- height: 35px;
259
- width: 100px;
1202
+ .resourcemgr .file-selector table.files .files-updated-inner {
1203
+ display: flex;
1204
+ align-items: center;
1205
+ gap: 8px;
1206
+ min-width: 0;
1207
+ max-width: 100%;
260
1208
  }
261
- .resourcemgr .file-selector ul.files li .actions .tlb {
262
- display: inline-block;
263
- background: none;
1209
+ .resourcemgr .file-selector table.files .files-updated-inner .meta.updated {
1210
+ flex: 1 1 auto;
1211
+ min-width: 0;
1212
+ }
1213
+ .resourcemgr .file-selector table.files .meta {
1214
+ font-size: 12px;
1215
+ font-size: 1.2rem;
1216
+ color: #626262;
1217
+ }
1218
+ .resourcemgr .file-selector table.files .row-actions {
1219
+ display: inline-flex;
1220
+ align-items: center;
1221
+ justify-content: center;
1222
+ flex: 0 0 18px;
1223
+ width: 18px;
1224
+ opacity: 0;
1225
+ pointer-events: none;
1226
+ }
1227
+ .resourcemgr .file-selector table.files .row-actions a.delete {
1228
+ display: inline-flex;
1229
+ align-items: center;
1230
+ justify-content: center;
1231
+ padding: 0;
1232
+ border: 0;
1233
+ border-radius: 0;
1234
+ background: transparent;
1235
+ color: #888888;
1236
+ text-decoration: none;
1237
+ text-shadow: none;
1238
+ box-shadow: none;
1239
+ line-height: 1;
1240
+ cursor: pointer;
264
1241
  font-size: 14px;
265
1242
  font-size: 1.4rem;
266
1243
  }
267
- .resourcemgr .file-selector ul.files li .actions .tlb .tlb-top {
268
- background: none !important;
269
- border-width: 0 !important;
270
- -ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
271
- -o-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
272
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
1244
+ .resourcemgr .file-selector table.files .row-actions a.delete:hover, .resourcemgr .file-selector table.files .row-actions a.delete:active {
1245
+ color: #222222;
1246
+ background: transparent;
1247
+ text-shadow: none;
1248
+ box-shadow: none;
1249
+ }
1250
+ .resourcemgr .file-selector table.files .row-actions a.delete:focus {
1251
+ outline: 1px dotted #333333;
1252
+ color: #222222;
1253
+ }
1254
+ .resourcemgr .file-selector table.files tbody tr:hover .row-actions,
1255
+ .resourcemgr .file-selector table.files tbody tr:focus-within .row-actions {
1256
+ opacity: 1;
1257
+ pointer-events: auto;
1258
+ }
1259
+ .resourcemgr .file-selector > .uploaderContainer {
1260
+ margin-top: 12px;
273
1261
  }
274
1262
  .resourcemgr .file-selector .file-upload-container {
275
1263
  display: none;
276
1264
  padding: 0 5px;
277
1265
  }
278
1266
  .resourcemgr .file-selector .pagination-bottom {
279
- align-self: flex-end;
1267
+ align-self: stretch;
1268
+ width: 100%;
1269
+ padding: 10px 2px 8px;
1270
+ box-sizing: border-box;
1271
+ }
1272
+ .resourcemgr .file-selector .pagination-bottom .pagination {
1273
+ display: flex;
1274
+ align-items: center;
1275
+ justify-content: space-between;
1276
+ gap: 16px;
280
1277
  width: 100%;
281
- padding: 5px 10px 0;
1278
+ margin: 0;
1279
+ padding: 0;
1280
+ float: none;
1281
+ clear: none;
1282
+ }
1283
+ .resourcemgr .file-selector .pagination-bottom .pagination::before, .resourcemgr .file-selector .pagination-bottom .pagination::after {
1284
+ display: none;
1285
+ }
1286
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6 {
1287
+ float: none;
1288
+ width: auto;
1289
+ margin: 0;
1290
+ padding: 0;
1291
+ box-sizing: border-box;
1292
+ }
1293
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child {
1294
+ font-size: 13px;
1295
+ font-size: 1.3rem;
1296
+ flex: 0 1 auto;
1297
+ color: #222222;
1298
+ font-weight: bold;
1299
+ line-height: 1.4;
1300
+ white-space: nowrap;
1301
+ }
1302
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child strong,
1303
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child .page,
1304
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child .total {
1305
+ font-weight: bold;
1306
+ }
1307
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6.txt-rgt {
1308
+ display: flex;
1309
+ align-items: center;
1310
+ justify-content: flex-end;
1311
+ flex: 0 0 auto;
1312
+ gap: 16px;
1313
+ text-align: right;
1314
+ }
1315
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info,
1316
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a,
1317
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button {
1318
+ margin: 0;
1319
+ min-height: 0;
1320
+ padding: 0;
1321
+ border: 0;
1322
+ border-color: transparent;
1323
+ background: transparent;
1324
+ background-color: transparent;
1325
+ background-image: none;
1326
+ color: #286d9c;
1327
+ font-weight: normal;
1328
+ line-height: 1.4;
1329
+ text-shadow: none;
1330
+ box-shadow: none;
1331
+ opacity: 1;
1332
+ font-size: 13px;
1333
+ font-size: 1.3rem;
1334
+ }
1335
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info .icon-backward,
1336
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info .icon-forward,
1337
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a .icon-backward,
1338
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a .icon-forward,
1339
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button .icon-backward,
1340
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button .icon-forward {
1341
+ display: none;
1342
+ }
1343
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info:hover, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info:focus, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info:active,
1344
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:hover,
1345
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:focus,
1346
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:active,
1347
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:hover,
1348
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:focus,
1349
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:active {
1350
+ color: #286d9c;
1351
+ text-decoration: underline;
1352
+ background: transparent;
1353
+ background-color: transparent;
1354
+ background-image: none;
1355
+ border-color: transparent;
1356
+ opacity: 1;
1357
+ }
1358
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button:first-child::before {
1359
+ content: "< ";
1360
+ }
1361
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button:last-child::after {
1362
+ content: " >";
1363
+ }
1364
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled],
1365
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a,
1366
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span,
1367
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button {
1368
+ color: #959595;
1369
+ cursor: not-allowed;
1370
+ text-decoration: none;
1371
+ pointer-events: none;
1372
+ }
1373
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:hover, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:focus, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:active,
1374
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:hover,
1375
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:focus,
1376
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:active,
1377
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:hover,
1378
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:focus,
1379
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:active,
1380
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:hover,
1381
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:focus,
1382
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:active {
1383
+ color: #959595;
1384
+ text-decoration: none;
1385
+ background: transparent;
1386
+ background-color: transparent;
1387
+ }
1388
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled], .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:hover, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:focus, .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled]:active,
1389
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a,
1390
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:hover,
1391
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:focus,
1392
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:active,
1393
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span,
1394
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:hover,
1395
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:focus,
1396
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:active,
1397
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button,
1398
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:hover,
1399
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:focus,
1400
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:active {
1401
+ background-color: transparent !important;
1402
+ border: none !important;
1403
+ color: #959595 !important;
1404
+ cursor: not-allowed !important;
1405
+ opacity: 1 !important;
1406
+ text-shadow: none !important;
1407
+ }
1408
+
1409
+ .criteria-dropdown-select2 {
1410
+ z-index: 105100 !important;
1411
+ }
1412
+
1413
+ #select2-drop-mask {
1414
+ z-index: 105090 !important;
282
1415
  }
283
1416
  /*# sourceMappingURL=resourcemgr.css.map */