@oat-sa/tao-core-ui 3.23.0 → 3.24.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 (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 +1137 -97
  8. package/dist/resourcemgr/css/resourcemgr.css.map +1 -1
  9. package/dist/resourcemgr/fileBrowser.js +456 -79
  10. package/dist/resourcemgr/filePreview.js +40 -4
  11. package/dist/resourcemgr/fileSelector.js +362 -92
  12. package/dist/resourcemgr.js +309 -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 +1137 -97
  20. package/src/resourcemgr/css/resourcemgr.css.map +1 -1
  21. package/src/resourcemgr/fileBrowser.js +470 -91
  22. package/src/resourcemgr/filePreview.js +46 -4
  23. package/src/resourcemgr/fileSelector.js +338 -46
  24. package/src/resourcemgr/scss/resourcemgr.scss +1351 -88
  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 +113 -54
  29. package/src/resourcemgr/tpl/rootFolder.tpl +3 -1
  30. package/src/resourcemgr.js +289 -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,241 @@ 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):not([hidden]) {
768
+ display: inline-block;
769
+ animation: rm-search-button-spin 1.4s linear infinite;
770
+ }
771
+ .resourcemgr .file-browser .asset-search-actions .asset-search-submit:disabled, .resourcemgr .file-browser .asset-search-actions .asset-search-submit[disabled] {
772
+ color: #ffffff;
773
+ background-color: #aeaeae;
774
+ border-color: #aeaeae;
775
+ cursor: not-allowed;
776
+ opacity: 1;
777
+ text-shadow: none;
778
+ box-shadow: none;
779
+ }
780
+ .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 {
781
+ color: #ffffff;
782
+ background-color: #aeaeae;
783
+ border-color: #aeaeae;
784
+ opacity: 1;
785
+ }
786
+ .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] {
787
+ color: #ffffff;
788
+ background-color: #286d9c;
789
+ border-color: #286d9c;
790
+ cursor: wait;
791
+ opacity: 1;
792
+ }
793
+ .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 {
794
+ color: #ffffff;
795
+ background-color: #286d9c;
796
+ border-color: #286d9c;
797
+ opacity: 1;
798
+ }
799
+ @keyframes rm-search-button-spin {
800
+ from {
801
+ transform: rotate(0deg);
802
+ }
803
+ to {
804
+ transform: rotate(360deg);
805
+ }
806
+ }
807
+ .resourcemgr .file-browser .file-browser-wrapper {
808
+ overflow: auto;
809
+ flex: 1 1 auto;
810
+ min-height: 0;
811
+ padding: 8px 4px 12px;
812
+ }
813
+ .resourcemgr .file-browser ul {
814
+ list-style-type: none;
815
+ padding-left: 5px;
816
+ }
817
+ .resourcemgr .file-browser ul ul {
818
+ padding-left: 18px;
819
+ }
820
+ .resourcemgr .file-browser ul li a {
821
+ color: #222222;
822
+ white-space: nowrap;
823
+ display: flex;
824
+ align-items: center;
825
+ gap: 4px;
826
+ box-sizing: border-box;
827
+ width: 100%;
828
+ padding: 3px 4px;
829
+ line-height: 1.5;
830
+ text-decoration: none;
831
+ border: 0;
832
+ outline: none;
833
+ box-shadow: none;
834
+ }
835
+ .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 {
836
+ text-decoration: none;
837
+ color: #222222;
838
+ outline: none;
839
+ box-shadow: none;
840
+ }
841
+ .resourcemgr .file-browser ul li a > .tree-toggle,
842
+ .resourcemgr .file-browser ul li a > .tree-folder {
843
+ flex: 0 0 auto;
844
+ line-height: 1;
845
+ font-size: 12px;
846
+ font-size: 1.2rem;
847
+ }
848
+ .resourcemgr .file-browser ul li a > .tree-toggle {
849
+ width: 1em;
850
+ color: #626262;
851
+ }
852
+ .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 {
853
+ content: none;
854
+ }
855
+ .resourcemgr .file-browser ul li a > .tree-folder {
856
+ font-size: 14px;
857
+ font-size: 1.4rem;
858
+ }
859
+ .resourcemgr .file-browser ul li a.opened > .tree-toggle:before {
860
+ content: "\e611";
861
+ }
862
+ .resourcemgr .file-browser ul li a.opened > .tree-folder:before {
863
+ content: "\e60d";
864
+ }
865
+ .resourcemgr .file-browser ul li.active > a > .tree-folder:before {
150
866
  content: "\e60d";
151
867
  }
152
868
  .resourcemgr .file-browser ul li.active > a {
153
- background-color: #ecf2f6;
869
+ background-color: #eaf0f5;
870
+ border: 0;
871
+ outline: none;
872
+ box-shadow: none;
154
873
  }
155
874
  .resourcemgr .file-preview {
156
- background-color: #f3f1ef;
875
+ background-color: #ffffff;
157
876
  }
158
877
  .resourcemgr .file-preview > h1 {
159
- background-color: #d4d5d7;
878
+ background-color: #f6f7f7;
879
+ border-radius: 4px 4px 0 0;
160
880
  }
161
881
  .resourcemgr .file-preview .file-properties {
162
- padding: 0 5px;
882
+ padding: 12px 14px;
883
+ }
884
+ .resourcemgr .file-preview .file-properties .grid-row {
885
+ margin-bottom: 10px;
886
+ }
887
+ .resourcemgr .file-preview .file-properties .prop-url .actions {
888
+ text-align: left;
889
+ margin: 8px 0 0;
890
+ }
891
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download {
892
+ text-decoration: none;
893
+ color: #286d9c;
894
+ }
895
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download .icon-download {
896
+ margin-right: 4px;
897
+ }
898
+ .resourcemgr .file-preview .file-properties .prop-url .actions a.download:hover {
899
+ text-decoration: underline;
900
+ color: #286d9c;
163
901
  }
164
902
  .resourcemgr .file-preview .previewer {
165
903
  height: 300px;
166
904
  overflow: hidden;
167
905
  }
168
- .resourcemgr .file-preview .actions {
906
+ .resourcemgr .file-preview .actions.select-actions {
169
907
  text-align: center;
170
- margin-bottom: 10px;
908
+ margin: 12px 0 16px;
171
909
  }
172
910
  .resourcemgr .file-selector {
173
911
  position: relative;
174
- border: solid 1px #fff;
175
- border-top: none;
176
- border-bottom: none;
177
912
  display: flex;
178
913
  flex-direction: column;
179
- background-color: rgb(255, 255, 255);
914
+ background-color: #ffffff;
180
915
  }
181
916
  .resourcemgr .file-selector > h1 {
182
917
  position: relative;
183
- background-color: #f3f1ef;
918
+ background-color: #f6f7f7;
919
+ border-radius: 4px 4px 0 0;
920
+ justify-content: space-between;
921
+ gap: 10px;
184
922
  }
185
923
  .resourcemgr .file-selector > h1 .title {
186
- margin-right: 10px;
924
+ float: none;
925
+ margin-right: 0;
926
+ }
927
+ .resourcemgr .file-selector > h1 .upload-switcher {
928
+ float: none;
929
+ flex: 0 0 auto;
187
930
  }
188
931
  .resourcemgr .file-selector > h1 .upload-switcher a {
189
932
  display: inline-block;
@@ -191,29 +934,140 @@ Usage:
191
934
  .resourcemgr .file-selector > h1 .upload-switcher .listing {
192
935
  display: none;
193
936
  }
937
+ .resourcemgr .file-selector > h1 .upload-switcher a.btn-info {
938
+ color: #222222;
939
+ background-color: #ffffff;
940
+ border: 1px solid #dddfe2;
941
+ }
942
+ .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 {
943
+ color: #222222;
944
+ background-color: #ffffff;
945
+ border-color: #dddfe2;
946
+ opacity: 1;
947
+ }
194
948
  .resourcemgr .file-selector .empty {
195
- color: #666;
949
+ display: none;
950
+ color: #626262;
196
951
  font-style: italic;
197
952
  font-size: 18px;
198
953
  font-size: 1.8rem;
199
954
  text-align: center;
955
+ padding: 24px 10px;
200
956
  }
201
- .resourcemgr .file-selector ul.files {
957
+ .resourcemgr .file-selector .asset-search-error {
958
+ padding: 10px 5px;
959
+ text-align: center;
960
+ font-size: 14px;
961
+ font-size: 1.4rem;
962
+ }
963
+ .resourcemgr .file-selector .asset-search-error.hidden, .resourcemgr .file-selector .asset-search-error[hidden] {
964
+ display: none;
965
+ }
966
+ .resourcemgr .file-selector .asset-search-error {
967
+ color: rgb(186, 18, 43);
968
+ }
969
+ .resourcemgr .file-selector.search-mode .upload-switcher {
970
+ display: none;
971
+ }
972
+ .resourcemgr .file-selector.upload-mode .pagination-bottom {
973
+ display: none;
974
+ }
975
+ .resourcemgr .file-selector .files-wrapper {
202
976
  position: relative;
203
- margin-bottom: 0;
204
- padding: 0;
205
- list-style-type: none;
206
977
  flex-grow: 1;
207
978
  overflow-y: auto;
979
+ min-height: 0;
208
980
  }
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;
981
+ .resourcemgr .file-selector table.files {
982
+ width: 100%;
983
+ border-collapse: collapse;
984
+ margin: 0;
985
+ table-layout: fixed;
986
+ }
987
+ .resourcemgr .file-selector table.files thead th {
988
+ text-align: left;
989
+ font-weight: bold;
990
+ padding: 12px 12px 10px;
991
+ border-bottom: 1px solid #ebecee;
992
+ background-color: transparent;
993
+ color: #222222;
994
+ white-space: nowrap;
995
+ -webkit-user-select: none;
996
+ user-select: none;
997
+ }
998
+ .resourcemgr .file-selector table.files thead th.sortable {
999
+ cursor: pointer;
1000
+ }
1001
+ .resourcemgr .file-selector table.files thead th.sortable .sort-label {
1002
+ display: inline-flex;
1003
+ align-items: center;
1004
+ gap: 6px;
1005
+ }
1006
+ .resourcemgr .file-selector table.files thead th.sortable .sort-label:after {
1007
+ content: "";
1008
+ flex: 0 0 auto;
1009
+ width: 11px;
1010
+ height: 12px;
1011
+ opacity: 0.55;
1012
+ background-color: #222222;
1013
+ -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;
1014
+ 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;
1015
+ }
1016
+ .resourcemgr .file-selector table.files thead th.sortable:hover .sort-label:after, .resourcemgr .file-selector table.files thead th.sortable:focus .sort-label:after {
1017
+ background-color: #222222;
1018
+ opacity: 1;
215
1019
  }
216
- .resourcemgr .file-selector ul.files li:before {
1020
+ .resourcemgr .file-selector table.files thead th.sorted.sorted_asc .sort-label:after {
1021
+ opacity: 1;
1022
+ transform: scaleY(-1);
1023
+ }
1024
+ .resourcemgr .file-selector table.files thead th.sorted.sorted_desc .sort-label:after {
1025
+ opacity: 1;
1026
+ transform: none;
1027
+ }
1028
+ .resourcemgr .file-selector table.files tbody tr {
1029
+ cursor: pointer;
1030
+ }
1031
+ .resourcemgr .file-selector table.files tbody tr.active, .resourcemgr .file-selector table.files tbody tr:hover {
1032
+ background-color: #eaf0f5;
1033
+ }
1034
+ .resourcemgr .file-selector table.files tbody tr td {
1035
+ padding: 10px 12px;
1036
+ border-bottom: 0;
1037
+ vertical-align: middle;
1038
+ overflow: hidden;
1039
+ text-overflow: ellipsis;
1040
+ white-space: nowrap;
1041
+ max-width: 0;
1042
+ }
1043
+ .resourcemgr .file-selector table.files tbody tr td .truncate,
1044
+ .resourcemgr .file-selector table.files tbody tr td .desc,
1045
+ .resourcemgr .file-selector table.files tbody tr td .meta {
1046
+ display: block;
1047
+ overflow: hidden;
1048
+ text-overflow: ellipsis;
1049
+ white-space: nowrap;
1050
+ max-width: 100%;
1051
+ }
1052
+ .resourcemgr .file-selector table.files .files-label {
1053
+ width: 44%;
1054
+ }
1055
+ .resourcemgr .file-selector table.files .files-label .files-label-inner {
1056
+ display: flex;
1057
+ align-items: center;
1058
+ gap: 6px;
1059
+ min-width: 0;
1060
+ max-width: 100%;
1061
+ }
1062
+ .resourcemgr .file-selector table.files .files-label .file-icon {
1063
+ display: inline-flex;
1064
+ align-items: center;
1065
+ justify-content: center;
1066
+ width: 18px;
1067
+ flex-shrink: 0;
1068
+ line-height: 1;
1069
+ }
1070
+ .resourcemgr .file-selector table.files .files-label .file-icon:before {
217
1071
  /* use !important to prevent issues with browser extensions that change fonts */
218
1072
  font-family: "tao" !important;
219
1073
  speak: never;
@@ -228,56 +1082,242 @@ Usage:
228
1082
  content: "\e622";
229
1083
  font-size: 16px;
230
1084
  font-size: 1.6rem;
231
- vertical-align: top;
232
- line-height: 2.2;
233
- position: absolute;
234
- left: 8px;
235
1085
  }
236
- .resourcemgr .file-selector ul.files li[data-type=image]:before {
1086
+ .resourcemgr .file-selector table.files .files-label .desc {
1087
+ display: block;
1088
+ flex: 1 1 auto;
1089
+ min-width: 0;
1090
+ overflow: hidden;
1091
+ text-overflow: ellipsis;
1092
+ white-space: nowrap;
1093
+ }
1094
+ .resourcemgr .file-selector table.files tr[data-type=image] .file-icon:before {
237
1095
  content: "\e620";
238
1096
  }
239
- .resourcemgr .file-selector ul.files li[data-type=audio]:before {
1097
+ .resourcemgr .file-selector table.files tr[data-type=audio] .file-icon:before {
240
1098
  content: "\e670";
241
1099
  }
242
- .resourcemgr .file-selector ul.files li[data-type=video]:before {
1100
+ .resourcemgr .file-selector table.files tr[data-type=video] .file-icon:before {
243
1101
  content: "\e61e";
244
1102
  }
245
- .resourcemgr .file-selector ul.files li.active, .resourcemgr .file-selector ul.files li:hover {
246
- background-color: #ecf2f6;
247
- cursor: pointer;
1103
+ .resourcemgr .file-selector table.files .files-location {
1104
+ width: 30%;
248
1105
  }
249
- .resourcemgr .file-selector ul.files li .desc {
250
- display: inline-block;
251
- max-width: calc(100% - 130px);
252
- margin-left: 25px;
1106
+ .resourcemgr .file-selector table.files .files-updated {
1107
+ width: 26%;
253
1108
  }
254
- .resourcemgr .file-selector ul.files li .actions {
255
- top: 0;
256
- right: 0;
257
- position: absolute;
258
- height: 35px;
259
- width: 100px;
1109
+ .resourcemgr .file-selector table.files .files-updated-inner {
1110
+ display: flex;
1111
+ align-items: center;
1112
+ gap: 8px;
1113
+ min-width: 0;
1114
+ max-width: 100%;
260
1115
  }
261
- .resourcemgr .file-selector ul.files li .actions .tlb {
262
- display: inline-block;
263
- background: none;
1116
+ .resourcemgr .file-selector table.files .files-updated-inner .meta.updated {
1117
+ flex: 1 1 auto;
1118
+ min-width: 0;
1119
+ }
1120
+ .resourcemgr .file-selector table.files .meta {
1121
+ font-size: 12px;
1122
+ font-size: 1.2rem;
1123
+ color: #626262;
1124
+ }
1125
+ .resourcemgr .file-selector table.files .row-actions {
1126
+ display: inline-flex;
1127
+ align-items: center;
1128
+ justify-content: center;
1129
+ flex: 0 0 18px;
1130
+ width: 18px;
1131
+ opacity: 0;
1132
+ pointer-events: none;
1133
+ }
1134
+ .resourcemgr .file-selector table.files .row-actions a.delete {
1135
+ display: inline-flex;
1136
+ align-items: center;
1137
+ justify-content: center;
1138
+ padding: 0;
1139
+ border: 0;
1140
+ border-radius: 0;
1141
+ background: transparent;
1142
+ color: #888888;
1143
+ text-decoration: none;
1144
+ text-shadow: none;
1145
+ box-shadow: none;
1146
+ line-height: 1;
1147
+ cursor: pointer;
264
1148
  font-size: 14px;
265
1149
  font-size: 1.4rem;
266
1150
  }
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);
1151
+ .resourcemgr .file-selector table.files .row-actions a.delete:hover, .resourcemgr .file-selector table.files .row-actions a.delete:active {
1152
+ color: #222222;
1153
+ background: transparent;
1154
+ text-shadow: none;
1155
+ box-shadow: none;
1156
+ }
1157
+ .resourcemgr .file-selector table.files .row-actions a.delete:focus {
1158
+ outline: 1px dotted #333333;
1159
+ color: #222222;
1160
+ }
1161
+ .resourcemgr .file-selector table.files tbody tr:hover .row-actions,
1162
+ .resourcemgr .file-selector table.files tbody tr:focus-within .row-actions {
1163
+ opacity: 1;
1164
+ pointer-events: auto;
1165
+ }
1166
+ .resourcemgr .file-selector > .uploaderContainer {
1167
+ margin-top: 12px;
273
1168
  }
274
1169
  .resourcemgr .file-selector .file-upload-container {
275
1170
  display: none;
276
1171
  padding: 0 5px;
277
1172
  }
278
1173
  .resourcemgr .file-selector .pagination-bottom {
279
- align-self: flex-end;
1174
+ align-self: stretch;
280
1175
  width: 100%;
281
- padding: 5px 10px 0;
1176
+ padding: 10px 2px 8px;
1177
+ box-sizing: border-box;
1178
+ }
1179
+ .resourcemgr .file-selector .pagination-bottom .pagination {
1180
+ display: flex;
1181
+ align-items: center;
1182
+ justify-content: space-between;
1183
+ gap: 16px;
1184
+ width: 100%;
1185
+ margin: 0;
1186
+ padding: 0;
1187
+ float: none;
1188
+ clear: none;
1189
+ }
1190
+ .resourcemgr .file-selector .pagination-bottom .pagination::before, .resourcemgr .file-selector .pagination-bottom .pagination::after {
1191
+ display: none;
1192
+ }
1193
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6 {
1194
+ float: none;
1195
+ width: auto;
1196
+ margin: 0;
1197
+ padding: 0;
1198
+ box-sizing: border-box;
1199
+ }
1200
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child {
1201
+ font-size: 13px;
1202
+ font-size: 1.3rem;
1203
+ flex: 0 1 auto;
1204
+ color: #222222;
1205
+ font-weight: bold;
1206
+ line-height: 1.4;
1207
+ white-space: nowrap;
1208
+ }
1209
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child strong,
1210
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child .page,
1211
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6:first-child .total {
1212
+ font-weight: bold;
1213
+ }
1214
+ .resourcemgr .file-selector .pagination-bottom .pagination > .col-6.txt-rgt {
1215
+ display: flex;
1216
+ align-items: center;
1217
+ justify-content: flex-end;
1218
+ flex: 0 0 auto;
1219
+ gap: 16px;
1220
+ text-align: right;
1221
+ }
1222
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info,
1223
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a,
1224
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button {
1225
+ margin: 0;
1226
+ min-height: 0;
1227
+ padding: 0;
1228
+ border: 0;
1229
+ border-color: transparent;
1230
+ background: transparent;
1231
+ background-color: transparent;
1232
+ background-image: none;
1233
+ color: #286d9c;
1234
+ font-weight: normal;
1235
+ line-height: 1.4;
1236
+ text-shadow: none;
1237
+ box-shadow: none;
1238
+ opacity: 1;
1239
+ font-size: 13px;
1240
+ font-size: 1.3rem;
1241
+ }
1242
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info .icon-backward,
1243
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info .icon-forward,
1244
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a .icon-backward,
1245
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a .icon-forward,
1246
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button .icon-backward,
1247
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button .icon-forward {
1248
+ display: none;
1249
+ }
1250
+ .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,
1251
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:hover,
1252
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:focus,
1253
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > a:active,
1254
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:hover,
1255
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:focus,
1256
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > li > button:active {
1257
+ color: #286d9c;
1258
+ text-decoration: underline;
1259
+ background: transparent;
1260
+ background-color: transparent;
1261
+ background-image: none;
1262
+ border-color: transparent;
1263
+ opacity: 1;
1264
+ }
1265
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button:first-child::before {
1266
+ content: "< ";
1267
+ }
1268
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button:last-child::after {
1269
+ content: " >";
1270
+ }
1271
+ .resourcemgr .file-selector .pagination-bottom .pagination .txt-rgt > button.btn-info[disabled],
1272
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a,
1273
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span,
1274
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button {
1275
+ color: #959595;
1276
+ cursor: not-allowed;
1277
+ text-decoration: none;
1278
+ pointer-events: none;
1279
+ }
1280
+ .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,
1281
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:hover,
1282
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:focus,
1283
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:active,
1284
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:hover,
1285
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:focus,
1286
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:active,
1287
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:hover,
1288
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:focus,
1289
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:active {
1290
+ color: #959595;
1291
+ text-decoration: none;
1292
+ background: transparent;
1293
+ background-color: transparent;
1294
+ }
1295
+ .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,
1296
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a,
1297
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:hover,
1298
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:focus,
1299
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > a:active,
1300
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span,
1301
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:hover,
1302
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:focus,
1303
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > span:active,
1304
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button,
1305
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:hover,
1306
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:focus,
1307
+ .resourcemgr .file-selector .pagination-bottom .pagination .pages > .disabled > button:active {
1308
+ background-color: transparent !important;
1309
+ border: none !important;
1310
+ color: #959595 !important;
1311
+ cursor: not-allowed !important;
1312
+ opacity: 1 !important;
1313
+ text-shadow: none !important;
1314
+ }
1315
+
1316
+ .criteria-dropdown-select2 {
1317
+ z-index: 105100 !important;
1318
+ }
1319
+
1320
+ #select2-drop-mask {
1321
+ z-index: 105090 !important;
282
1322
  }
283
1323
  /*# sourceMappingURL=resourcemgr.css.map */