Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//Files - Privates Files
2 
#page-user-files,
3 
#page-mod-assign-editsubmission {
4 
 
5 
    #fgroup_id_buttonar,
6 
    #userfilesform {
7 
        .col-md-3 {
8 
            display: none !important;
9 
        }
10 
 
11 
        .col-md-9 {
12 
            flex: 0 0 100%;
13 
            max-width: 100%;
14 
            padding: 0;
15 
        }
16 
    }
17 
 
18 
    #fgroup_id_buttonar {
19 
        margin-bottom: 0 !important;
20 
    }
21 
 
22 
    .generalbox {
23 
        padding: 0 !important;
24 
    }
25 
}
26 
 
27 
// Moodle 4.x.
28 
#page-user-files {
29 
    .main-content {
30 
        .rui-main-content-title--h2 {
31 
            margin: 0 0 16px;
32 
        }
33 
    }
34 
}
35 
 
36 
// end Moodle 4.0
37 
 
38 
// File Picker and File Manager
39 
.fp-content-center {
40 
    height: 100%;
41 
    width: 100%;
42 
    display: table-cell;
43 
}
44 
 
45 
.fp-content-hidden {
46 
    visibility: hidden;
47 
}
48 
 
49 
// Dialogue (File Picker and File Manager)
50 
.yui3-panel-focused {
51 
    outline: none;
52 
}
53 
 
54 
.fp-panel-button {
55 
    background: #fff;
56 
    padding: 3px 20px 2px 20px;
57 
    text-align: center;
58 
    margin: 10px;
59 
 
60 
    @include border-radius(10px);
61 
    display: inline-block;
62 
 
63 
    @include box-shadow(2px 2px 3px .1px #999);
64 
}
65 
 
66 
// File Picker layout
67 
.filepicker .yui3-widget-content-expanded {
68 
    height: auto;
69 
}
70 
 
71 
@include media-breakpoint-between(xs, md) {
72 
    .filepicker.moodle-dialogue {
73 
        max-width: 100%;
74 
        height: 100% !important;
75 
 
76 
        .container {
77 
            margin: 0;
78 
        }
79 
 
80 
        .rui-nav--admin {
81 
            padding: 0;
82 
 
83 
            display: contents;
84 
            height: max-content;
85 
        }
86 
 
87 
        .rui-nav-wrapper {
88 
            margin-bottom: $page-padding-global;
89 
            width: 100%;
90 
            overflow-x: auto;
91 
        }
92 
 
93 
        .rui-nav-col {
94 
            width: max-content;
95 
 
96 
            .nav {
97 
                display: inline-flex;
98 
            }
99 
        }
100 
 
101 
        ul li {
102 
            display: inline-flex;
103 
        }
104 
    }
105 
}
106 
 
107 
.yui3-widget {
108 
    outline: none;
109 
}
110 
 
111 
/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
112 
.filepicker .moodle-dialogue-bd {
113 
    min-height: 520px;
114 
}
115 
 
116 
.file-picker .fp-navbar {
117 
    min-height: 40px;
118 
    padding: 4px;
119 
}
120 
 
121 
.fp-navbar {
122 
    border-color: $border-color;
123 
}
124 
 
125 
.file-picker .fp-content {
126 
    border-top: 0;
127 
    background: $container-bg;
128 
    clear: none;
129 
    overflow: auto;
130 
    height: 375px;
131 
 
132 
    .theme-dark & {
133 
        background: $dm-container-bg;
134 
    }
135 
 
136 
    .form-group {
137 
        margin-top: 0;
138 
    }
139 
}
140 
 
141 
.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
142 
    width: 100%;
143 
}
144 
 
145 
.file-picker .fp-content-loading {
146 
    height: 100%;
147 
    width: 100%;
148 
    display: table;
149 
    text-align: center;
150 
}
151 
 
152 
.file-picker .fp-content .fp-object-container {
153 
    width: 98%;
154 
    height: 98%;
155 
}
156 
 
157 
.file-picker .fp-def-search {
158 
    margin-top: 0;
159 
}
160 
 
161 
// Repositories on fp-repo-area (File Picker only)
162 
.file-picker .fp-list {
163 
    list-style-type: none;
164 
    padding: 0;
165 
    float: left;
166 
    width: 100%;
167 
    margin: 0;
168 
}
169 
 
170 
.file-picker .fp-list .fp-repo a {
171 
    display: block;
172 
    padding: .5em .7em;
173 
}
174 
 
175 
.file-picker .fp-list .fp-repo.active {
176 
    background: #f2f2f2;
177 
}
178 
 
179 
.file-picker .fp-list .fp-repo-icon {
180 
    padding: 0 7px 0 5px;
181 
    width: 16px;
182 
    height: 16px;
183 
}
184 
 
185 
// Tools, Path & View on fp-navbar (File Picker and File Manager)
186 
.fp-toolbar {
187 
    .fp-tb-search input.form-control {
188 
        padding: .35rem .5rem;
189 
        height: auto;
190 
    }
191 
 
192 
 
193 
    @include media-breakpoint-between(xs, sm) {
194 
        margin-bottom: .35rem;
195 
    }
196 
}
197 
 
198 
.fp-toolbar.empty {
199 
    display: none;
200 
}
201 
 
202 
.fp-toolbar .disabled {
203 
    display: none;
204 
}
205 
 
206 
.fp-toolbar div {
207 
    display: inline-flex;
208 
    margin-right: .35rem;
209 
}
210 
 
211 
.fp-toolbar img {
212 
    vertical-align: -15%;
213 
    margin-right: 5px;
214 
}
215 
 
216 
.fp-viewbar:not(.disabled) a.checked {
217 
    box-shadow: rgba(0, 0, 0, 0) 0 1px 2px, rgba(0, 0, 0, 0) 0 2px 4px, rgba(0, 0, 0, 0) 0 4px 8px, rgba(0, 0, 0, 0) 0 8px 16px, rgba(0, 0, 0, 0) 0 16px 32px, rgba(0, 0, 0, 0) 0 32px 64px, rgba(50, 50, 93, 0.2) 0 10px 18px -10px inset, rgba(0, 0, 0, .3) 0 18px 6px -18px inset;
218 
    background-color: $container-bg;
219 
    border: 1px solid $gray-100;
220 
    color: $gray-900;
221 
 
222 
    .theme-dark & {
223 
        background-color: $dm-container-bg;
224 
        border: 1px solid $dm-gray-100;
225 
        color: $dm-gray-900;
226 
    }
227 
}
228 
 
229 
.fp-viewbar.disabled a {
230 
    pointer-events: none;
231 
    opacity: $btn-disabled-opacity;
232 
    @include box-shadow(none);
233 
}
234 
 
235 
.file-picker .fp-clear-left {
236 
    clear: left;
237 
}
238 
 
239 
.fp-pathbar.empty {
240 
    display: none;
241 
}
242 
 
243 
.fp-pathbar .fp-path-folder {
244 
    background: url('[[pix:theme|fp/path_folder]]') left 5px no-repeat;
245 
    background-size: 12px 12px;
246 
    height: 12px;
247 
    margin-left: 12px;
248 
}
249 
 
250 
/*rtl:raw:
251 
.fp-pathbar .fp-path-folder {
252 
    background-image: url('[[pix:theme|fp/path_folder_rtl]]');
253 
}
254 
*/
255 
 
256 
.fp-pathbar .fp-path-folder-name {
257 
    font-weight: $font-weight-medium;
258 
}
259 
 
260 
.fp-pathbar .fp-path-folder {
261 
    background-image: none;
262 
    height: auto;
263 
    margin-left: 0;
264 
}
265 
 
266 
// Icon view (File Picker and File Manager)
267 
.fp-iconview {
268 
    display: grid;
269 
    flex-direction: column;
270 
    align-items: stretch;
271 
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
272 
    gap: 20px;
273 
    flex-wrap: wrap;
274 
}
275 
 
276 
.fp-iconview .fp-file {
277 
    text-align: center;
278 
    position: relative;
279 
    margin: 10px 3px 25px;
280 
 
281 
    color: $body-color;
282 
 
283 
    a {
284 
        color: inherit;
285 
    }
286 
}
287 
 
288 
.fp-iconview .fp-thumbnail {
289 
    min-width: 110px;
290 
    min-height: 110px;
291 
    line-height: 110px;
292 
    text-align: center;
293 
    background-color: $container-bg;
294 
    border: 1px solid $border-color;
295 
    border-radius: $btn-border-radius;
296 
    display: block;
297 
 
298 
    .theme-dark & {
299 
        background-color: $dm-container-bg;
300 
        border-color: $dm-border-color;
301 
 
302 
        img:not(.realpreview) {
303 
            filter: invert(.9);
304 
        }
305 
    }
306 
}
307 
 
308 
.fp-iconview .fp-filename-field {
309 
    height: 33px;
310 
    margin-top: 3px;
311 
    word-wrap: break-word;
312 
    overflow: hidden;
313 
    position: absolute;
314 
}
315 
 
316 
.fp-iconview .fp-file:focus,
317 
.fp-iconview .fp-file:hover {
318 
 
319 
    // Undo truncating of text on hover.
320 
    .fp-filename-field {
321 
        overflow: visible;
322 
        z-index: 1000;
323 
    }
324 
 
325 
    .fp-filename {
326 
        overflow: inherit;
327 
        white-space: normal;
328 
        text-overflow: inherit;
329 
    }
330 
}
331 
 
332 
.fp-iconview .fp-filename-field .fp-filename {
333 
    padding: .25rem;
334 
    background-color: $container-bg;
335 
    border-radius: $border-radius-sm;
336 
    min-width: 112px;
337 
 
338 
    font-size: $font-size-xs;
339 
 
340 
    .theme-dark & {
341 
        background-color: $dm-container-bg;
342 
        color: $dm-body-color;
343 
    }
344 
}
345 
 
346 
// Table view (File Picker only)
347 
.file-picker .yui3-datatable table {
348 
    border: 0 solid $gray-300;
349 
    width: 100%;
350 
 
351 
    .theme-dark & {
352 
        border-color: $dm-gray-300;
353 
    }
354 
}
355 
 
356 
// Tree view (File Manager only)
357 
 
358 
// first or middle sibling, no children
359 
.file-picker .ygtvtn,
360 
.filemanager .ygtvtn {
361 
    /*rtl:remove*/
362 
    background: url('[[pix:theme|y/tn]]') 14px 0 no-repeat;
363 
    /*rtl:raw:
364 
    background: url('[[pix:theme|y/tn_rtl]]') 14px 0 no-repeat;
365 
    */
366 
    min-width: 40px;
367 
    width: 40px;
368 
    height: 33px;
369 
}
370 
 
371 
// first or middle sibling, collapsable
372 
.file-picker .ygtvtm,
373 
.filemanager .ygtvtm {
374 
    background: url('[[pix:theme|y/tm]]') 14px 10px no-repeat;
375 
    /*rtl:raw:
376 
        background-position: 14px 10px;
377 
    */
378 
    min-width: 40px;
379 
    width: 40px;
380 
    height: 30px;
381 
    cursor: pointer;
382 
}
383 
 
384 
// first or middle sibling, collapsable, hover
385 
.file-picker .ygtvtmh,
386 
.filemanager .ygtvtmh {
387 
    background: url('[[pix:theme|y/tm]]') 14px 10px no-repeat;
388 
    /*rtl:raw:
389 
        background-position: 14px 10px;
390 
    */
391 
    min-width: 40px;
392 
    width: 40px;
393 
    height: 30px;
394 
    cursor: pointer;
395 
}
396 
 
397 
// first or middle sibling, expandable
398 
.file-picker .ygtvtp,
399 
.filemanager .ygtvtp {
400 
    /*rtl:remove*/
401 
    background: url('[[pix:theme|y/tp]]') 14px 10px no-repeat;
402 
    /*rtl:raw:
403 
    background: url('[[pix:theme|y/tp_rtl]]') 14px 10px no-repeat;
404 
    */
405 
    min-width: 40px;
406 
    width: 40px;
407 
    height: 30px;
408 
    cursor: pointer;
409 
}
410 
 
411 
// first or middle sibling, expandable, hover
412 
.file-picker .ygtvtph,
413 
.filemanager .ygtvtph {
414 
    /*rtl:remove*/
415 
    background: url('[[pix:theme|y/tp]]') 0 10px no-repeat;
416 
    /*rtl:raw:
417 
    background: url('[[pix:theme|y/tp_rtl]]') 2px 10px no-repeat;
418 
    */
419 
    min-width: 40px;
420 
    width: 40px;
421 
    height: 30px;
422 
    cursor: pointer;
423 
}
424 
 
425 
// last sibling, no children
426 
.file-picker .ygtvln,
427 
.filemanager .ygtvln {
428 
    /*rtl:remove*/
429 
    background: url('[[pix:theme|y/lnl]]') 21px -23px no-repeat;
430 
    /*rtl:raw:
431 
    background: url('[[pix:theme|y/ln_rtl]]') 14px 7px no-repeat;
432 
    */
433 
    min-width: 40px;
434 
    width: 40px;
435 
    height: 32px;
436 
}
437 
 
438 
// Last sibling, collapsable
439 
.file-picker .ygtvlm,
440 
.filemanager .ygtvlm {
441 
    background: url('[[pix:theme|y/lm]]') 10px 10px no-repeat;
442 
    /*rtl:raw:
443 
        background-position: 10px 10px;
444 
    */
445 
    min-width: 30px;
446 
    width: 30px;
447 
    height: 30px;
448 
    cursor: pointer;
449 
}
450 
 
451 
// Last sibling, collapsable, hover
452 
.file-picker .ygtvlmh,
453 
.filemanager .ygtvlmh {
454 
    background: url('[[pix:theme|y/lm]]') 10px 10px no-repeat;
455 
    /*rtl:raw:
456 
        background-position: 10px 10px;
457 
    */
458 
    min-width: 30px;
459 
    width: 30px;
460 
    height: 30px;
461 
    cursor: pointer;
462 
}
463 
 
464 
// Last sibling, expandable
465 
.file-picker .ygtvlp,
466 
.filemanager .ygtvlp {
467 
    /*rtl:remove*/
468 
    background: url('[[pix:theme|y/lp]]') 15px 10px no-repeat;
469 
    /*rtl:raw:
470 
    background: url('[[pix:theme|y/lp_rtl]]') 15px 10px no-repeat;
471 
    */
472 
    min-width: 30px;
473 
    width: 30px;
474 
    height: 30px;
475 
    cursor: pointer;
476 
}
477 
 
478 
// Last sibling, expandable, hover
479 
.file-picker .ygtvlph,
480 
.filemanager .ygtvlph {
481 
    /*rtl:remove*/
482 
    background: url('[[pix:theme|y/lp]]') 10px 10px no-repeat;
483 
    /*rtl:raw:
484 
    background: url('[[pix:theme|y/lp_rtl]]') 10px 10px no-repeat;
485 
    */
486 
    min-width: 30px;
487 
    width: 30px;
488 
    height: 30px;
489 
    cursor: pointer;
490 
}
491 
 
492 
// Loading icon
493 
.file-picker .ygtvloading,
494 
.filemanager .ygtvloading {
495 
    background: transparent url('[[pix:theme|y/loading]]') 0 0 no-repeat;
496 
    min-width: 16px;
497 
    width: 16px;
498 
    height: 22px;
499 
}
500 
 
501 
// the style for the empty cells that are used for rendering the depth of the node
502 
.file-picker .ygtvdepthcell,
503 
.filemanager .ygtvdepthcell {
504 
    background: url('[[pix:theme|y/vline]]') 14px 0 no-repeat;
505 
    /*rtl:raw:
506 
    background-position: 0 0;
507 
    */
508 
    min-width: 30px;
509 
    width: 30px;
510 
    height: 32px;
511 
}
512 
 
513 
.file-picker .ygtvblankdepthcell,
514 
.filemanager .ygtvblankdepthcell {
515 
    min-width: 17px;
516 
    width: 17px;
517 
    height: 22px;
518 
}
519 
 
520 
table.ygtvtable {
521 
    width: 100%;
522 
}
523 
 
524 
a.ygtvspacer {
525 
    min-width: 30px;
526 
    width: 30px;
527 
    height: 30px;
528 
}
529 
 
530 
a.ygtvspacer:hover {
531 
    color: transparent;
532 
    text-decoration: none;
533 
}
534 
 
535 
.ygtvlabel,
536 
.ygtvlabel:link,
537 
.ygtvlabel:visited,
538 
.ygtvlabel:hover {
539 
    background-color: transparent;
540 
    cursor: pointer;
541 
    margin-left: 2px;
542 
    text-decoration: none;
543 
}
544 
 
545 
.file-picker .ygtvfocus,
546 
.filemanager .ygtvfocus {
547 
    background-color: $primary-color-100;
548 
 
549 
    .theme-dark & {
550 
        background-color: $primary-color-700;
551 
    }
552 
}
553 
 
554 
.fp-filename-icon {
555 
    margin: 5px 0;
556 
    display: inline-flex;
557 
    align-items: center;
558 
    position: relative;
559 
    font-size: $font-size-xs;
560 
 
561 
    a {
562 
        display: inline-flex;
563 
        align-items: center;
564 
        color: $body-color;
565 
 
566 
        .theme-dark & {
567 
            color: $dm-body-color;
568 
        }
569 
 
570 
        &:hover {
571 
            color: $link-hover-color;
572 
            text-decoration: none;
573 
        }
574 
    }
575 
}
576 
 
577 
.fp-icon {
578 
    margin-right: .35rem;
579 
    line-height: 0;
580 
}
581 
 
582 
.fp-icon img {
583 
    width: 24px;
584 
    height: 24px;
585 
    max-height: 24px;
586 
    max-width: 24px;
587 
    vertical-align: middle;
588 
}
589 
 
590 
.fp-filename-icon.fp-folder {
591 
    .theme-dark & {
592 
        filter: invert(1);
593 
 
594 
        a {
595 
            color: $body-color;
596 
        }
597 
    }
598 
}
599 
 
600 
.fp-filename {
601 
    font-weight: $font-weight-medium;
602 
    word-break: break-all;
603 
}
604 
 
605 
.filemanager .yui3-datatable-cell {
606 
    font-size: $font-size-xs;
607 
    color: $body-color-light;
608 
 
609 
    .theme-dark & {
610 
        color: $dm-body-color-light;
611 
    }
612 
}
613 
 
614 
// Repositories Login on fp-content (File Picker only)
615 
 
616 
.file-picker .fp-login-form {
617 
    height: 100%;
618 
    width: 100%;
619 
    display: table;
620 
}
621 
 
622 
// Upload on fp-content (File Picker only)
623 
.file-picker .fp-upload-form {
624 
    height: 100%;
625 
    width: 100%;
626 
    display: table;
627 
}
628 
 
629 
.file-picker .fp-upload-form table {
630 
    margin: 0 auto;
631 
}
632 
 
633 
// File exists dialogue on Upload (File Picker only)
634 
.file-picker.fp-dlg {
635 
    text-align: center;
636 
}
637 
 
638 
.file-picker.fp-dlg .fp-dlg-buttons {
639 
    margin: 0 20px;
640 
}
641 
 
642 
// Error dialogue on Upload (File Picker only)
643 
.file-picker.fp-msg {
644 
    text-align: center;
645 
}
646 
 
647 
// Error on fp-content (File Picker only)
648 
.file-picker .fp-content-error {
649 
    height: 100%;
650 
    width: 100%;
651 
    display: table;
652 
    text-align: center;
653 
}
654 
 
655 
// Lazy loading on fp-content (File Picker only)
656 
.file-picker .fp-nextpage {
657 
    clear: both;
658 
}
659 
 
660 
.file-picker .fp-nextpage .fp-nextpage-loading {
661 
    display: none;
662 
}
663 
 
664 
.file-picker .fp-nextpage.loading .fp-nextpage-link {
665 
    display: none;
666 
}
667 
 
668 
.file-picker .fp-nextpage.loading .fp-nextpage-loading {
669 
    display: block;
670 
    text-align: center;
671 
    height: 100px;
672 
    padding-top: 50px;
673 
}
674 
 
675 
// Select Dialogue (File Picker and File Manager)
676 
.fp-select .fp-select-loading {
677 
    text-align: center;
678 
    margin-top: 20px;
679 
}
680 
 
681 
.fp-select table {
682 
    padding: 0 0 10px;
683 
}
684 
 
685 
.fp-select table .mdl-right {
686 
    min-width: 84px;
687 
}
688 
 
689 
.fp-select .fp-reflist .mdl-right {
690 
    vertical-align: top;
691 
}
692 
 
693 
.fp-select .fp-select-buttons {
694 
    float: right;
695 
}
696 
 
697 
.fp-select .fp-info {
698 
    font-size: $font-size-xs;
699 
}
700 
 
701 
.fp-select .fp-thumbnail {
702 
    float: left;
703 
    min-width: 110px;
704 
    min-height: 110px;
705 
    line-height: 110px;
706 
    text-align: center;
707 
    margin: 0 1rem 0 0;
708 
    background: $container-bg;
709 
    border: 1px solid $border-color;
710 
    border-radius: $border-radius-sm;
711 
 
712 
    display: inline-flex;
713 
    align-items: center;
714 
    justify-content: center;
715 
 
716 
    .theme-dark & {
717 
        background-color: $dm-container-bg;
718 
        border-color: $dm-border-color;
719 
    }
720 
}
721 
 
722 
.fp-select .fp-thumbnail img {
723 
    vertical-align: middle;
724 
    margin: 10px;
725 
}
726 
 
727 
.fp-select .fp-fileinfo {
728 
    display: inline-block;
729 
}
730 
 
731 
.file-picker.fp-select .fp-fileinfo {
732 
    max-width: 240px;
733 
}
734 
 
735 
.fp-select .fp-fileinfo div {
736 
    padding-bottom: 5px;
737 
}
738 
 
739 
.file-picker.fp-select .uneditable {
740 
    display: none;
741 
}
742 
 
743 
.file-picker.fp-select .fp-select-loading {
744 
    display: none;
745 
}
746 
 
747 
.file-picker.fp-select.loading .fp-select-loading {
748 
    display: block;
749 
}
750 
 
751 
.file-picker.fp-select.loading form {
752 
    display: none;
753 
}
754 
 
755 
.fp-select .fp-dimensions.fp-unknown {
756 
    display: none;
757 
}
758 
 
759 
.fp-select .fp-size.fp-unknown {
760 
    display: none;
761 
}
762 
 
763 
// File Manager
764 
.filemanager-loading {
765 
    display: none;
766 
}
767 
 
768 
.jsenabled .filemanager-loading {
769 
    display: block;
770 
    margin-top: 100px;
771 
}
772 
 
773 
.filemanager.fm-loading .filemanager-toolbar,
774 
.filemanager.fm-loading .fp-pathbar,
775 
.filemanager.fm-loading .filemanager-container,
776 
.filemanager.fm-loaded .filemanager-loading,
777 
.filemanager.fm-maxfiles .fp-btn-add,
778 
.filemanager.fm-maxfiles .dndupload-message,
779 
.filemanager.fm-noitems .fp-btn-download,
780 
.filemanager.fm-noitems .fp-btn-delete,
781 
.filemanager .fm-empty-container,
782 
.filemanager.fm-noitems .filemanager-container .fp-content {
783 
    display: none;
784 
}
785 
 
786 
.filemanager .fp-img-downloading {
787 
    display: none;
788 
    padding-top: 7px;
789 
}
790 
 
791 
.filemanager .filemanager-updating {
792 
    display: none;
793 
    text-align: center;
794 
}
795 
 
796 
.filemanager.fm-updating .filemanager-updating {
797 
    display: block;
798 
    margin-top: 37px;
799 
}
800 
 
801 
.filemanager.fm-updating .fm-content-wrapper,
802 
.filemanager.fm-nomkdir .fp-btn-mkdir,
803 
.fitem.disabled .filemanager .filemanager-toolbar,
804 
.fitem.disabled .filemanager .fp-pathbar,
805 
.fitem.disabled .filemanager .fp-restrictions,
806 
.fitem.disabled .filemanager .fm-content-wrapper {
807 
    display: none;
808 
}
809 
 
810 
// File Manager layout
811 
.filemanager-toolbar {
812 
    flex-wrap: wrap;
813 
}
814 
 
815 
.filemanager {
816 
    .fp-restrictions {
817 
        text-align: right;
818 
        font-size: $font-size-xs;
819 
    }
820 
}
821 
 
822 
.filemanager .fp-pathbar.empty {
823 
    display: none;
824 
}
825 
 
826 
.filepicker-filelist,
827 
.filemanager-container {
828 
    min-height: 120px;
829 
    border-top: 0;
830 
 
831 
    background-color: $gray-100;
832 
    border-radius: $border-radius-sm;
833 
 
834 
    .theme-dark & {
835 
        background-color: $dm-gray-100;
836 
    }
837 
 
838 
    @include media-breakpoint-only(sm) {
839 
        min-height: 140px;
840 
    }
841 
}
842 
 
843 
.filemanager .fp-content {
844 
    padding: 0 5px;
845 
    overflow: auto;
846 
    min-height: 120px;
847 
 
848 
    @include media-breakpoint-only(sm) {
849 
        height: 160px;
850 
        width: max-content;
851 
        overflow: auto;
852 
    }
853 
}
854 
 
855 
.filemanager-container,
856 
.filepicker-filelist {
857 
    overflow: hidden;
858 
}
859 
 
860 
.file-picker .yui3-datatable-header {
861 
    background: initial;
862 
}
863 
 
864 
.fitem.disabled .filepicker-filelist,
865 
.fitem.disabled .filemanager-container {
866 
    background-color: #ebebe4;
867 
}
868 
 
869 
.fitem.disabled .fp-btn-choose {
870 
    color: $text-muted;
871 
}
872 
 
873 
.fitem.disabled .filepicker-filelist .filepicker-filename {
874 
    display: none;
875 
}
876 
 
877 
.filepicker-filename {
878 
    display: grid;
879 
}
880 
 
881 
.filepicker-filename {
882 
    a {
883 
        padding: $btn-padding-y $btn-padding-x;
884 
 
885 
        background-color: $container-bg;
886 
        border: 1px solid $border-color;
887 
        border-radius: $btn-border-radius;
888 
 
889 
        font-size: $font-size-xs;
890 
        font-weight: $font-weight-medium;
891 
 
892 
        color: $body-color;
893 
 
894 
        transition: $transition-base;
895 
 
896 
        .theme-dark & {
897 
            background-color: $dm-gray-100;
898 
            border-color: $dm-border-color;
899 
            color: $dm-body-color
900 
        }
901 
 
902 
        &:hover {
903 
            text-decoration: none;
904 
            box-shadow: $box-shadow-md;
905 
            color: inherit;
906 
        }
907 
    }
908 
}
909 
 
910 
// Icon view (File Manager only)
911 
.fp-iconview .fp-reficons1 {
912 
    position: absolute;
913 
    height: 100%;
914 
    width: 100%;
915 
    top: 0;
916 
    left: 0;
917 
}
918 
 
919 
.fp-iconview .fp-reficons2 {
920 
    position: absolute;
921 
    height: 100%;
922 
    width: 100%;
923 
    top: 0;
924 
    left: 0;
925 
}
926 
 
927 
.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
928 
    background: url('[[pix:theme|fp/link]]') no-repeat;
929 
    /*rtl:raw:
930 
    transform: scaleX(-1);
931 
    */
932 
    /*rtl:ignore*/
933 
    background-position: bottom right;
934 
    background-size: 16px 16px;
935 
}
936 
 
937 
.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
938 
    background: url('[[pix:theme|fp/alias]]') no-repeat;
939 
    /*rtl:raw:
940 
    transform: scaleX(-1);
941 
    */
942 
    /*rtl:ignore*/
943 
    background-position: bottom left;
944 
    background-size: 16px 16px;
945 
}
946 
 
947 
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
948 
    display: none;
949 
}
950 
 
951 
.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
952 
    background: url([[pix:s/dead]]) no-repeat;
953 
    background-position: center center;
954 
}
955 
 
956 
// Table view (File Manager only)
957 
.filemanager .yui3-datatable table {
958 
    width: 100%;
959 
    margin-top: 5px;
960 
    overflow: hidden;
961 
    border-radius: $border-radius-sm;
962 
 
963 
    @include media-breakpoint-between(sm, md) {
964 
        width: max-content;
965 
    }
966 
}
967 
 
968 
.yui3-skin-sam .yui3-datatable-table {
969 
    font-family: $font-family-base;
970 
    border: 0;
971 
}
972 
 
973 
.yui3-skin-sam .yui3-datatable-header {
974 
    border-bottom: (2 * $table-border-width) solid $table-border-color;
975 
    font-size: $font-size-sm;
976 
    font-weight: $font-weight-bold;
977 
    color: $gray-700;
978 
    text-shadow: none;
979 
 
980 
    vertical-align: middle;
981 
}
982 
 
983 
.yui3-skin-sam .yui3-datatable-sort-liner {
984 
    font-size: $font-size-xs;
985 
    font-weight: $font-weight-medium;
986 
}
987 
 
988 
.theme-dark.yui3-skin-sam .yui3-datatable-header {
989 
    border-color: $dm-table-border-color;
990 
    color: $dm-gray-700;
991 
}
992 
 
993 
.yui3-skin-sam .yui3-datatable-sort-indicator {
994 
    bottom: 6px;
995 
    right: 10px;
996 
}
997 
 
998 
.theme-dark.yui3-skin-sam .yui3-datatable-sort-indicator {
999 
    background: url([[pix:theme|monocolor/theme-dark-sort-arrow-sprite]]) no-repeat 0 0;
1000 
}
1001 
 
1002 
.theme-dark.yui3-skin-sam .yui3-datatable-sorted .yui3-datatable-sort-indicator {
1003 
    background-position: 0 -10px;
1004 
}
1005 
 
1006 
.yui3-skin-sam .yui3-datatable-cell,
1007 
.yui3-skin-sam .yui3-datatable-header {
1008 
    padding: 0.25rem;
1009 
}
1010 
 
1011 
.theme-dark.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
1012 
    background-color: $dm-container-bg;
1013 
}
1014 
 
1015 
.theme-dark.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
1016 
    background-color: $dm-gray-100;
1017 
}
1018 
 
1019 
.theme-dark.yui3-skin-sam .yui3-datatable-cell,
1020 
.theme-dark.yui3-skin-sam .yui3-datatable-header {
1021 
    border-color: $dm-table-border-color;
1022 
}
1023 
 
1024 
.theme-dark.yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted,
1025 
.theme-dark.yui3-skin-sam .yui3-datatable-sortable-column:hover {
1026 
    filter: invert(1);
1027 
}
1028 
 
1029 
/* Override YUI default styling */
1030 
/* stylelint-disable declaration-no-important */
1031 
.filemanager {
1032 
 
1033 
    .yui3-datatable-header {
1034 
        background: $container-bg !important;
1035 
        border-bottom: 1px solid $border-color !important;
1036 
        border-left: 0 solid $container-bg !important;
1037 
        color: $body-color !important;
1038 
 
1039 
        .theme-dark & {
1040 
            background: $dm-container-bg !important;
1041 
            border-bottom: 1px solid $dm-border-color !important;
1042 
            border-left: 0 solid $dm-container-bg !important;
1043 
            color: $dm-body-color !important;
1044 
        }
1045 
    }
1046 
 
1047 
    .yui3-datatable-odd .yui3-datatable-cell {
1048 
        background-color: $gray-100 !important;
1049 
        border-left: 0 solid $gray-100;
1050 
 
1051 
        .theme-dark & {
1052 
            background-color: $dm-gray-100 !important;
1053 
            border-left: 0 solid $dm-gray-100;
1054 
        }
1055 
    }
1056 
 
1057 
    .yui3-datatable-even .yui3-datatable-cell {
1058 
        background-color: $container-bg !important;
1059 
        border-left: 0 solid $container-bg;
1060 
 
1061 
        .theme-dark & {
1062 
            background-color: $dm-container-bg !important;
1063 
            border-left: 0 solid $dm-container-bg;
1064 
        }
1065 
    }
1066 
}
1067 
 
1068 
/* stylelint-enable */
1069 
 
1070 
.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
1071 
    background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
1072 
    height: 100%;
1073 
    width: 100%;
1074 
    /*rtl:raw:
1075 
    transform: scaleX(-1);
1076 
    */
1077 
    position: absolute;
1078 
    top: 8px;
1079 
    left: 17px;
1080 
    background-size: 16px 16px;
1081 
}
1082 
 
1083 
.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
1084 
    background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
1085 
    height: 100%;
1086 
    width: 100%;
1087 
    /*rtl:raw:
1088 
    transform: scaleX(-1);
1089 
    */
1090 
    position: absolute;
1091 
    top: 9px;
1092 
    left: -6px;
1093 
    background-size: 16px 16px;
1094 
}
1095 
 
1096 
// Folder Context Menu (File Manager only)
1097 
.filemanager .fp-contextmenu {
1098 
    display: none;
1099 
}
1100 
 
1101 
.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1102 
    position: absolute;
1103 
    right: 2px;
1104 
    bottom: 2px;
1105 
    display: flex;
1106 
    align-items: center;
1107 
    justify-content: center;
1108 
 
1109 
    border-radius: $btn-border-radius;
1110 
    background-color: $gray-100;
1111 
    color: $body-color;
1112 
 
1113 
    .theme-dark & {
1114 
        background-color: $dm-gray-100;
1115 
        color: $dm-body-color;
1116 
    }
1117 
}
1118 
 
1119 
.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
1120 
.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
1121 
    display: inline;
1122 
 
1123 
    margin-right: -20px;
1124 
 
1125 
    position: absolute;
1126 
    top: 2px;
1127 
    right: 0;
1128 
}
1129 
 
1130 
.fp-treeview {
1131 
    padding-top: 5px;
1132 
    padding-bottom: 5px;
1133 
}
1134 
 
1135 
// TODO: UI
1136 
// Drag and drop support (filemanager and filepicker form elements)
1137 
.fm-content-wrapper {
1138 
    position: relative;
1139 
 
1140 
    @include media-breakpoint-between(xs, sm) {
1141 
        overflow-x: auto;
1142 
    }
1143 
}
1144 
 
1145 
 
1146 
.dndupload-arrow {
1147 
    background-size: 40px;
1148 
    width: 100%;
1149 
    height: 50px;
1150 
    position: absolute;
1151 
    left: 0;
1152 
    right: 0;
1153 
 
1154 
    i {
1155 
        display: none;
1156 
    }
1157 
}
1158 
 
1159 
.filepicker-filelist .filepicker-container,
1160 
.filemanager.fm-noitems .fm-empty-container {
1161 
    display: flex;
1162 
    align-items: center;
1163 
    justify-content: center;
1164 
    position: absolute;
1165 
    top: 10px;
1166 
    bottom: 10px;
1167 
    left: 10px;
1168 
    right: 10px;
1169 
    border: 2px dashed $gray-600;
1170 
    padding-top: 70px;
1171 
    padding-bottom: 30px;
1172 
    border-radius: $border-radius-sm;
1173 
    text-align: center;
1174 
 
1175 
    .dndupload-arrow {
1176 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
1177 
        background-repeat: no-repeat;
1178 
        background-position: center;
1179 
 
1180 
        top: 12px;
1181 
 
1182 
        .theme-dark & {
1183 
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($dm-gray-800)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
1184 
        }
1185 
    }
1186 
 
1187 
    .theme-dark & {
1188 
        border-color: $dm-gray-400;
1189 
    }
1190 
}
1191 
 
1192 
.filepicker-filelist .dndupload-target,
1193 
.filemanager-container .dndupload-target {
1194 
    background: $red-100;
1195 
    position: absolute;
1196 
    top: 10px;
1197 
    bottom: 10px;
1198 
    left: 10px;
1199 
    right: 10px;
1200 
    border: 2px dashed $red-600;
1201 
    border-radius: $border-radius-sm;
1202 
    padding: 65px 0 35px;
1203 
    text-align: center;
1204 
 
1205 
    font-size: $font-size-xs;
1206 
    font-weight: $font-weight-medium;
1207 
    color: $red-700;
1208 
 
1209 
    .dndupload-arrow {
1210 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($red-700)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
1211 
        background-repeat: no-repeat;
1212 
        background-position: center;
1213 
 
1214 
        top: 12px;
1215 
    }
1216 
}
1217 
 
1218 
.filepicker-filelist.dndupload-over .dndupload-target,
1219 
.filemanager-container.dndupload-over .dndupload-target {
1220 
    background: $blue-100;
1221 
    position: absolute;
1222 
    top: 10px;
1223 
    bottom: 10px;
1224 
    left: 10px;
1225 
    right: 10px;
1226 
    border: 2px dashed $blue-600;
1227 
    border-radius: $border-radius-sm;
1228 
    padding: 65px 0 35px;
1229 
    text-align: center;
1230 
 
1231 
    font-size: $font-size-xs;
1232 
    font-weight: $font-weight-medium;
1233 
    color: $blue-600;
1234 
 
1235 
    .dndupload-arrow {
1236 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='#{url-friendly-colour($blue-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.75 14.75V16.25C4.75 17.9069 6.09315 19.25 7.75 19.25H16.25C17.9069 19.25 19.25 17.9069 19.25 16.25V14.75'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($blue-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 14.25L12 5'%3E%3C/path%3E%3Cpath stroke='#{url-friendly-colour($blue-600)}' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M8.75 8.25L12 4.75L15.25 8.25'%3E%3C/path%3E%3C/svg%3E%0A");
1237 
        background-repeat: no-repeat;
1238 
        background-position: center;
1239 
 
1240 
        top: 12px;
1241 
    }
1242 
}
1243 
 
1244 
.dndupload-message {
1245 
    display: none;
1246 
}
1247 
 
1248 
.dndsupported .dndupload-message {
1249 
    display: inline-flex;
1250 
    font-size: $font-size-xs;
1251 
}
1252 
 
1253 
.dndupload-message {
1254 
    color: $body-color-light;
1255 
 
1256 
    .theme-dark & {
1257 
        color: $dm-body-color-light;
1258 
    }
1259 
}
1260 
 
1261 
.dnduploadnotsupported-message {
1262 
    display: none;
1263 
}
1264 
 
1265 
.dndnotsupported .dnduploadnotsupported-message {
1266 
    display: block;
1267 
    margin: 0;
1268 
}
1269 
 
1270 
.dndupload-target {
1271 
    display: none;
1272 
}
1273 
 
1274 
.dndsupported .dndupload-ready .dndupload-target {
1275 
    display: block;
1276 
    margin: 0;
1277 
}
1278 
 
1279 
.dndupload-uploadinprogress {
1280 
    display: none;
1281 
    text-align: center;
1282 
}
1283 
 
1284 
.dndupload-uploading .dndupload-uploadinprogress {
1285 
    display: block;
1286 
}
1287 
 
1288 
.fitem.disabled .filepicker-container,
1289 
.fitem.disabled .fm-empty-container {
1290 
    display: none;
1291 
}
1292 
 
1293 
.dndupload-progressbars {
1294 
    padding: 10px;
1295 
    display: none;
1296 
    font-size: $font-size-xs;
1297 
}
1298 
 
1299 
.dndupload-inprogress .dndupload-progressbars {
1300 
    display: block;
1301 
}
1302 
 
1303 
.dndupload-inprogress .fp-content {
1304 
    display: none;
1305 
}
1306 
 
1307 
.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
1308 
    display: none;
1309 
}
1310 
 
1311 
.filepicker-filelist.dndupload-inprogress .filepicker-container {
1312 
    display: none;
1313 
}
1314 
 
1315 
.filepicker-filelist.dndupload-inprogress a {
1316 
    display: none;
1317 
}
1318 
 
1319 
// Select Dialogue (File Manager only)
1320 
.filemanager.fp-select .fp-select-loading {
1321 
    display: none;
1322 
}
1323 
 
1324 
.filemanager.fp-select.loading .fp-select-loading {
1325 
    display: block;
1326 
}
1327 
 
1328 
.filemanager.fp-select.loading form {
1329 
    display: none;
1330 
}
1331 
 
1332 
.filemanager.fp-select.fp-folder .fp-license,
1333 
.filemanager.fp-select.fp-folder .fp-author,
1334 
.filemanager.fp-select.fp-file .fp-file-unzip,
1335 
.filemanager.fp-select.fp-folder .fp-file-unzip,
1336 
.filemanager.fp-select.fp-file .fp-file-zip,
1337 
.filemanager.fp-select.fp-zip .fp-file-zip {
1338 
    display: none;
1339 
}
1340 
 
1341 
.filemanager.fp-select .fp-file-setmain,
1342 
.filemanager.fp-select .fp-file-setmain-help {
1343 
    display: none;
1344 
}
1345 
 
1346 
.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
1347 
.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
1348 
    display: inline-block;
1349 
}
1350 
 
1351 
.filemanager .fp-mainfile .fp-filename {
1352 
    font-weight: $font-weight-bold;
1353 
}
1354 
 
1355 
.filemanager.fp-select.fp-folder .fp-file-download {
1356 
    display: none;
1357 
}
1358 
 
1359 
// to be implemented
1360 
.fm-operation {
1361 
    font-weight: $font-weight-bold;
1362 
}
1363 
 
1364 
.filemanager.fp-select .fp-original.fp-unknown,
1365 
.filemanager.fp-select .fp-original .fp-originloading {
1366 
    display: none;
1367 
}
1368 
 
1369 
.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
1370 
    display: inline;
1371 
}
1372 
 
1373 
.filemanager.fp-select .fp-reflist.fp-unknown,
1374 
.filemanager.fp-select .fp-reflist .fp-reflistloading {
1375 
    display: none;
1376 
}
1377 
 
1378 
.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
1379 
    display: inline;
1380 
}
1381 
 
1382 
.filemanager.fp-select .fp-reflist .fp-value {
1383 
    background: #f9f9f9;
1384 
    border: 1px solid #bbb;
1385 
    padding: 8px 7px;
1386 
    margin: 0;
1387 
    max-height: 75px;
1388 
    overflow: auto;
1389 
}
1390 
 
1391 
.filemanager.fp-select .fp-reflist .fp-value li {
1392 
    padding-bottom: 7px;
1393 
}
1394 
 
1395 
// Create folder dialogue (File Manager only)
1396 
.filemanager.fp-mkdir-dlg {
1397 
    padding-bottom: 10px;
1398 
}
1399 
 
1400 
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
1401 
    margin: 0 0 20px;
1402 
    text-align: left;
1403 
}
1404 
 
1405 
// Confirm dialogue for delete (File Manager only)
1406 
.filemanager.fp-dlg {
1407 
    margin: 0 0 5px;
1408 
    text-align: left;
1409 
 
1410 
    .btn {
1411 
        width: 48%;
1412 
    }
1413 
}
1414 
 
1415 
.file-picker.fp-msg.fp-msg-error {
1416 
    .btn {
1417 
        width: 100%;
1418 
    }
1419 
}
1420 
 
1421 
// file picker search dialog
1422 
.file-picker div.bd {
1423 
    text-align: left;
1424 
}
1425 
 
1426 
// Upload form for file picker.
1427 
.fp-formset {
1428 
    padding: 10px 0;
1429 
 
1430 
    input[type="file"] {
1431 
        line-height: inherit;
1432 
    }
1433 
}
1434 
 
1435 
.fp-forminset {
1436 
    padding: 0 10px;
1437 
}
1438 
 
1439 
.fp-fileinfo .fp-value {
1440 
    display: inline-block;
1441 
}
1442 
 
1443 
 
1444 
[data-fieldtype="filepicker"] {
1445 
    p {
1446 
        margin: 1rem 0 0.5rem;
1447 
        font-size: $font-size-xs;
1448 
    }
1449 
}
1450 
 
1451 
/* Filemanager on the course edit page, form below editor */
1452 
#fitem_id_overviewfiles_filemanager {
1453 
    margin-top: $page-padding-global;
1454 
}
1455 
 
1456 
// Dark mode.
1457 
.theme-dark {
1458 
 
1459 
    .file-picker .ygtvtn,
1460 
    .filemanager .ygtvtn,
1461 
    .file-picker .ygtvtm,
1462 
    .filemanager .ygtvtm,
1463 
    .file-picker .ygtvtmh,
1464 
    .filemanager .ygtvtmh,
1465 
    .file-picker .ygtvtp,
1466 
    .filemanager .ygtvtp,
1467 
    .file-picker .ygtvtph,
1468 
    .filemanager .ygtvtph,
1469 
    .file-picker .ygtvln,
1470 
    .filemanager .ygtvln,
1471 
    .file-picker .ygtvlm,
1472 
    .filemanager .ygtvlm,
1473 
    .file-picker .ygtvlmh,
1474 
    .filemanager .ygtvlmh,
1475 
    .file-picker .ygtvlp,
1476 
    .filemanager .ygtvlp,
1477 
    .file-picker .ygtvlph,
1478 
    .filemanager .ygtvlph,
1479 
    .file-picker .ygtvloading,
1480 
    .filemanager .ygtvloading,
1481 
    .file-picker .ygtvdepthcell,
1482 
    .filemanager .ygtvdepthcell,
1483 
    .fp-iconview .fp-file.fp-hasreferences .fp-reficons1,
1484 
    .fp-iconview .fp-file.fp-isreference .fp-reficons2,
1485 
    .filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail,
1486 
    .filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1,
1487 
    .filemanager .fp-filename-icon.fp-isreference .fp-reficons2,
1488 
    .ygtvtn,
1489 
    .ygtvln,
1490 
    .ygtvtp,
1491 
    .ygtvtph,
1492 
    .ygtvtmh,
1493 
    .ygtvtm,
1494 
    .ygtvdepthcell {
1495 
        filter: invert(1);
1496 
    }
1497 
}
1498 
 
1499 
 
1500 
.theme-dark .block_private_files [role="treeitem"]:not([aria-expanded]) {
1501 
    background-image:
1502 
        repeating-linear-gradient(to right,
1503 
            rgba(255, 255, 255, .5) 0,
1504 
            rgba(255, 255, 255, .5) 1px,
1505 
            rgba(255, 255, 255, 0) 1px,
1506 
            rgba(255, 255, 255, 0) 2px),
1507 
        repeating-linear-gradient(to top,
1508 
            rgba(255, 255, 255, .5) 0,
1509 
            rgba(255, 255, 255, .5) 1px,
1510 
            rgba(255, 255, 255, 0) 1px,
1511 
            rgba(255, 255, 255, 0) 2px);
1512 
}
1513 
 
1514 
.path-mod-assign .ygtvitem,
1515 
.block_public_files {
1516 
    .ygtvchildren {
1517 
        display: flex;
1518 
        flex-wrap: wrap;
1519 
        gap: 10px;
1520 
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
1521 
 
1522 
        .ygtvln,
1523 
        .ygtvtn {
1524 
            display: none;
1525 
        }
1526 
 
1527 
        .ygtvcell .icon {
1528 
            padding: 5px;
1529 
            margin: 0 8px 0 0 !important;
1530 
            width: 24px;
1531 
            height: 24px;
1532 
            background-color: $white;
1533 
            border-radius: 30px;
1534 
        }
1535 
 
1536 
        .ygtvitem {
1537 
            padding: 10px 20px 10px 12px;
1538 
            border-radius: $btn-border-radius;
1539 
            background-color: $gray-100;
1540 
            color: $body-color;
1541 
 
1542 
            .theme-dark & {
1543 
                background-color: $dm-gray-100;
1544 
                color: $dm-body-color;
1545 
            }
1546 
 
1547 
            .fileuploadsubmissiontime {
1548 
                font-size: $font-size-xs;
1549 
                color: $body-color-light;
1550 
 
1551 
                .theme-dark & {
1552 
                    color: $dm-body-color-light;
1553 
                }
1554 
            }
1555 
 
1556 
            div.fileuploadsubmission {
1557 
                min-width: 200px;
1558 
            }
1559 
 
1560 
            .fileuploadsubmission a {
1561 
                display: block;
1562 
                overflow: hidden;
1563 
                text-overflow: ellipsis;
1564 
                white-space: nowrap;
1565 
                max-width: 220px;
1566 
            }
1567 
 
1568 
            a {
1569 
                display: flex;
1570 
                align-items: center;
1571 
                font-size: 1rem;
1572 
                font-weight: $font-weight-medium;
1573 
                color: $body-color;
1574 
 
1575 
                .theme-dark & {
1576 
                    color: $dm-body-color;
1577 
                }
1578 
 
1579 
                &::before {
1580 
                    display: none;
1581 
                }
1582 
            }
1583 
        }
1584 
    }
1585 
}
1586 
 
1587 
.path-mod-assign #ygtv0 {
1588 
    margin-top: 30px;
1589 
}
1590 
 
1591 
.path-mod-assign div.fileuploadsubmission,
1592 
.path-mod-assign div.fileuploadsubmissiontime {
1593 
    display: flex;
1594 
    align-items: center;
1595 
}
1596 
 
1597 
.path-mod-assign div.fileuploadsubmissiontime {
1598 
    margin-left: 42px;
1599 
}
1600 
 
1601 
.path-mod-assign div.fileuploadsubmission,
1602 
.path-mod-assign div.fileuploadsubmissiontime {
1603 
    float: none;
1604 
}