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