weekly release 4.0dev
[moodle.git] / theme / boost / scss / moodle / filemanager.scss
CommitLineData
9cb41231 1// File Picker and File Manager
536f0460
DW
2.fp-content-center {
3 height: 100%;
4 width: 100%;
5 display: table-cell;
6 vertical-align: middle;
7}
f4143537 8
536f0460
DW
9.fp-content-hidden {
10 visibility: hidden;
11}
12// Dialogue (File Picker and File Manager)
13.yui3-panel-focused {
14 outline: none;
15}
f4143537 16
536f0460
DW
17.fp-panel-button {
18 background: #fff;
19 padding: 3px 20px 2px 20px;
20 text-align: center;
21 margin: 10px;
f4143537 22
536f0460
DW
23 @include border-radius(10px);
24 display: inline-block;
f4143537 25
536f0460
DW
26 @include box-shadow(2px 2px 3px .1px #999);
27}
28
536f0460 29// File Picker layout
88af0208
DW
30.filepicker .yui3-widget-content-expanded {
31 height: auto;
536f0460 32}
f4143537 33
b8396c33 34/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
f87084f8 35.filepicker .moodle-dialogue-bd {
b8396c33 36 min-height: 520px;
f87084f8 37}
536f0460 38.file-picker .fp-navbar {
536f0460 39 min-height: 40px;
bc8594bd 40 padding: 4px;
536f0460 41}
f4143537 42
609d8b38
BB
43.fp-navbar {
44 border-color: $input-border-color;
45 border-bottom: 0;
46}
47
536f0460 48.file-picker .fp-content {
bc8594bd 49 border-top: 0;
fde35b8f 50 background: #fff;
536f0460
DW
51 clear: none;
52 overflow: auto;
53 height: 452px;
54}
f4143537 55
536f0460
DW
56.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
57 width: 100%;
58}
f4143537 59
536f0460
DW
60.file-picker .fp-content-loading {
61 height: 100%;
62 width: 100%;
63 display: table;
64 text-align: center;
65}
f4143537 66
536f0460
DW
67.file-picker .fp-content .fp-object-container {
68 width: 98%;
69 height: 98%;
70}
b95a05a5
SL
71.file-picker .fp-def-search {
72 margin-top: 0;
73}
536f0460
DW
74// Repositories on fp-repo-area (File Picker only)
75.file-picker .fp-list {
76 list-style-type: none;
77 padding: 0;
78 float: left;
79 width: 100%;
80 margin: 0;
81}
f4143537 82
536f0460
DW
83.file-picker .fp-list .fp-repo a {
84 display: block;
85 padding: .5em .7em;
86}
f4143537 87
536f0460 88.file-picker .fp-list .fp-repo.active {
f4143537 89 background: #f2f2f2;
536f0460 90}
f4143537 91
536f0460
DW
92.file-picker .fp-list .fp-repo-icon {
93 padding: 0 7px 0 5px;
94 width: 16px;
95 height: 16px;
96}
97// Tools, Path & View on fp-navbar (File Picker and File Manager)
98.fp-toolbar {
99 float: left;
100}
f4143537 101
536f0460
DW
102.fp-toolbar.empty {
103 display: none;
104}
f4143537 105
536f0460
DW
106.fp-toolbar .disabled {
107 display: none;
108}
f4143537 109
536f0460
DW
110.fp-toolbar div {
111 display: block;
112 float: left;
113 margin-right: 4px;
114}
f4143537 115
536f0460
DW
116.fp-toolbar img {
117 vertical-align: -15%;
118 margin-right: 5px;
119}
536f0460 120
bc8594bd 121.fp-viewbar:not(.disabled) a.checked {
828a6597
BB
122 background-color: darken(map-get($theme-colors, 'secondary'), 10%);
123 color: color-yiq(darken(map-get($theme-colors, 'secondary'), 10%));
124 border-color: darken(map-get($theme-colors, 'secondary'), 12.5%);
536f0460
DW
125}
126
bc8594bd 127.fp-viewbar.disabled a {
828a6597
BB
128 pointer-events: none;
129 opacity: $btn-disabled-opacity;
130 @include box-shadow(none);
536f0460
DW
131}
132
133.file-picker .fp-clear-left {
134 clear: left;
135}
f4143537 136
536f0460
DW
137.fp-pathbar.empty {
138 display: none;
139}
f4143537 140
536f0460 141.fp-pathbar .fp-path-folder {
d9c7ab81 142 background: url('[[pix:theme|fp/path_folder]]') left 3px no-repeat;
3c885071 143 background-size: 12px 12px;
536f0460 144 height: 12px;
d9c7ab81 145 margin-left: 12px;
536f0460 146}
b843914d 147
ed7844b5
FM
148/*rtl:raw:
149.fp-pathbar .fp-path-folder {
150 background-image: url('[[pix:theme|fp/path_folder_rtl]]');
536f0460 151}
ed7844b5 152*/
b843914d 153
536f0460 154.fp-pathbar .fp-path-folder-name {
d9c7ab81 155 margin-left: 24px;
536f0460
DW
156}
157// Icon view (File Picker and File Manager)
158.fp-iconview .fp-file {
159 float: left;
160 text-align: center;
161 position: relative;
162 margin: 10px 10px 35px;
163}
f4143537 164
536f0460
DW
165.fp-iconview .fp-thumbnail {
166 min-width: 110px;
167 min-height: 110px;
168 line-height: 110px;
169 text-align: center;
fde35b8f 170 border: 1px solid #fff;
536f0460
DW
171 display: block;
172}
f4143537 173
536f0460
DW
174.fp-iconview .fp-thumbnail img {
175 border: 1px solid #ddd;
176 padding: 3px;
177 vertical-align: middle;
f4143537 178
536f0460
DW
179 @include box-shadow(1px 1px 2px 0 #ccc);
180}
f4143537 181
536f0460
DW
182.fp-iconview .fp-thumbnail:hover {
183 background: #fff;
184 border: 1px solid #ddd;
f4143537 185
fde35b8f 186 @include box-shadow(inset 0 0 10px0 #ccc);
536f0460 187}
f4143537 188
536f0460
DW
189.fp-iconview .fp-filename-field {
190 height: 33px;
91de0ed8 191 margin-top: 3px;
536f0460
DW
192 word-wrap: break-word;
193 overflow: hidden;
194 position: absolute;
195}
f4143537 196
71fb32f8
DW
197.fp-iconview .fp-file:focus,
198.fp-iconview .fp-file:hover {
199 // Undo truncating of text on hover.
200 .fp-filename-field {
201 overflow: visible;
202 z-index: 1000;
203 }
204 .fp-filename {
205 overflow: inherit;
206 white-space: normal;
207 text-overflow: inherit;
208 }
536f0460 209}
f4143537 210
536f0460 211.fp-iconview .fp-filename-field .fp-filename {
fde35b8f 212 background: #fff;
536f0460
DW
213 padding-top: 5px;
214 padding-bottom: 12px;
215 min-width: 112px;
216}
217// Table view (File Picker only)
218.file-picker .yui3-datatable table {
fde35b8f 219 border: 0 solid #bbb;
536f0460
DW
220 width: 100%;
221}
536f0460
DW
222// Tree view (File Manager only)
223
224// first or middle sibling, no children
225.file-picker .ygtvtn,
226.filemanager .ygtvtn {
b843914d 227 /*rtl:remove*/
2c8dd8e3 228 background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
b843914d 229 /*rtl:raw:
2c8dd8e3 230 background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
b843914d 231 */
2c8dd8e3
NK
232 width: 19px;
233 height: 32px;
536f0460 234}
536f0460
DW
235// first or middle sibling, collapsable
236.file-picker .ygtvtm,
237.filemanager .ygtvtm {
238 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
b843914d
FM
239 /*rtl:raw:
240 background-position: 2px 10px;
241 */
536f0460
DW
242 width: 13px;
243 height: 12px;
244 cursor: pointer;
245}
246// first or middle sibling, collapsable, hover
247.file-picker .ygtvtmh,
248.filemanager .ygtvtmh {
249 background: url('[[pix:moodle|y/tm]]') 0 10px no-repeat;
b843914d
FM
250 /*rtl:raw:
251 background-position: 2px 10px;
252 */
536f0460
DW
253 width: 13px;
254 height: 12px;
255 cursor: pointer;
256}
257// first or middle sibling, expandable
258.file-picker .ygtvtp,
259.filemanager .ygtvtp {
b843914d 260 /*rtl:remove*/
536f0460 261 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
b843914d
FM
262 /*rtl:raw:
263 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
264 */
536f0460
DW
265 width: 13px;
266 height: 12px;
267 cursor: pointer;
268}
536f0460
DW
269// first or middle sibling, expandable, hover
270.file-picker .ygtvtph,
271.filemanager .ygtvtph {
b843914d 272 /*rtl:remove*/
536f0460 273 background: url('[[pix:moodle|y/tp]]') 0 10px no-repeat;
b843914d
FM
274 /*rtl:raw:
275 background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
276 */
536f0460
DW
277 width: 13px;
278 height: 22px;
279 cursor: pointer;
280}
536f0460
DW
281// last sibling, no children
282.file-picker .ygtvln,
283.filemanager .ygtvln {
b843914d 284 /*rtl:remove*/
2c8dd8e3 285 background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
b843914d 286 /*rtl:raw:
2c8dd8e3 287 background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
b843914d 288 */
2c8dd8e3 289 width: 19px;
62296575 290 height: 32px;
536f0460 291}
536f0460
DW
292// Last sibling, collapsable
293.file-picker .ygtvlm,
294.filemanager .ygtvlm {
295 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
b843914d
FM
296 /*rtl:raw:
297 background-position: 2px 10px;
298 */
536f0460
DW
299 width: 13px;
300 height: 12px;
301 cursor: pointer;
302}
303// Last sibling, collapsable, hover
304.file-picker .ygtvlmh,
305.filemanager .ygtvlmh {
306 background: url('[[pix:moodle|y/lm]]') 0 10px no-repeat;
b843914d
FM
307 /*rtl:raw:
308 background-position: 2px 10px;
309 */
536f0460
DW
310 width: 13px;
311 height: 12px;
312 cursor: pointer;
313}
314// Last sibling, expandable
315.file-picker .ygtvlp,
316.filemanager .ygtvlp {
b843914d 317 /*rtl:remove*/
536f0460 318 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
b843914d
FM
319 /*rtl:raw:
320 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
321 */
536f0460
DW
322 width: 13px;
323 height: 12px;
324 cursor: pointer;
325}
536f0460
DW
326// Last sibling, expandable, hover
327.file-picker .ygtvlph,
328.filemanager .ygtvlph {
b843914d 329 /*rtl:remove*/
536f0460 330 background: url('[[pix:moodle|y/lp]]') 0 10px no-repeat;
b843914d
FM
331 /*rtl:raw:
332 background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
333 */
536f0460
DW
334 width: 13px;
335 height: 12px;
336 cursor: pointer;
337}
536f0460
DW
338// Loading icon
339.file-picker .ygtvloading,
340.filemanager .ygtvloading {
341 background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;
342 width: 16px;
343 height: 22px;
344}
345// the style for the empty cells that are used for rendering the depth of the node
346.file-picker .ygtvdepthcell,
347.filemanager .ygtvdepthcell {
2c8dd8e3 348 background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
b843914d 349 /*rtl:raw:
2c8dd8e3 350 background-position: 0 0;
b843914d 351 */
536f0460
DW
352 width: 17px;
353 height: 32px;
354}
f4143537 355
536f0460
DW
356.file-picker .ygtvblankdepthcell,
357.filemanager .ygtvblankdepthcell {
358 width: 17px;
359 height: 22px;
360}
f4143537 361
536f0460
DW
362a.ygtvspacer:hover {
363 color: transparent;
364 text-decoration: none;
365}
f4143537 366
536f0460
DW
367.ygtvlabel,
368.ygtvlabel:link,
369.ygtvlabel:visited,
370.ygtvlabel:hover {
371 background-color: transparent;
372 cursor: pointer;
373 margin-left: 2px;
374 text-decoration: none;
375}
f4143537 376
536f0460
DW
377.file-picker .ygtvfocus,
378.filemanager .ygtvfocus {
fde35b8f 379 background-color: #eee;
536f0460 380}
f4143537 381
536f0460
DW
382.fp-filename-icon {
383 margin-top: 10px;
384 display: block;
385 position: relative;
386}
f4143537 387
536f0460
DW
388.fp-icon {
389 float: left;
62296575 390 margin-top: -7px;
536f0460
DW
391 width: 24px;
392 height: 24px;
393 margin-right: 10px;
394 text-align: center;
395 line-height: 24px;
396}
f4143537 397
536f0460
DW
398.fp-icon img {
399 max-height: 24px;
400 max-width: 24px;
401 vertical-align: middle;
402}
f4143537 403
536f0460
DW
404.fp-filename {
405 padding-right: 10px;
406}
407// Repositories Login on fp-content (File Picker only)
408
409.file-picker .fp-login-form {
410 height: 100%;
411 width: 100%;
412 display: table;
413}
536f0460
DW
414// Upload on fp-content (File Picker only)
415.file-picker .fp-upload-form {
416 height: 100%;
417 width: 100%;
418 display: table;
419}
f4143537 420
536f0460
DW
421.file-picker .fp-upload-form table {
422 margin: 0 auto;
423}
424// File exists dialogue on Upload (File Picker only)
425.file-picker.fp-dlg {
426 text-align: center;
427}
f4143537 428
536f0460
DW
429.file-picker.fp-dlg .fp-dlg-buttons {
430 margin: 0 20px;
431}
432// Error dialogue on Upload (File Picker only)
433.file-picker.fp-msg {
434 text-align: center;
435}
536f0460
DW
436// Error on fp-content (File Picker only)
437.file-picker .fp-content-error {
438 height: 100%;
439 width: 100%;
440 display: table;
441 text-align: center;
442}
536f0460
DW
443// Lazy loading on fp-content (File Picker only)
444.file-picker .fp-nextpage {
445 clear: both;
446}
f4143537 447
536f0460
DW
448.file-picker .fp-nextpage .fp-nextpage-loading {
449 display: none;
450}
f4143537 451
536f0460
DW
452.file-picker .fp-nextpage.loading .fp-nextpage-link {
453 display: none;
454}
f4143537 455
536f0460
DW
456.file-picker .fp-nextpage.loading .fp-nextpage-loading {
457 display: block;
458 text-align: center;
459 height: 100px;
460 padding-top: 50px;
461}
462// Select Dialogue (File Picker and File Manager)
536f0460
DW
463.fp-select .fp-select-loading {
464 text-align: center;
465 margin-top: 20px;
466}
f4143537 467
536f0460
DW
468.fp-select table {
469 padding: 0 0 10px;
470}
f4143537 471
536f0460
DW
472.fp-select table .mdl-right {
473 min-width: 84px;
474}
f4143537 475
536f0460
DW
476.fp-select .fp-reflist .mdl-right {
477 vertical-align: top;
478}
f4143537 479
536f0460
DW
480.fp-select .fp-select-buttons {
481 float: right;
482}
f4143537 483
536f0460 484.fp-select .fp-info {
f4143537 485 font-size: $font-size-xs;
536f0460 486}
f4143537 487
536f0460
DW
488.fp-select .fp-thumbnail {
489 float: left;
490 min-width: 110px;
491 min-height: 110px;
492 line-height: 110px;
493 text-align: center;
494 margin: 10px 20px 0 0;
495 background: #fff;
496 border: 1px solid #ddd;
f4143537 497
536f0460
DW
498 @include box-shadow(inset 0 0 10px 0 #ccc);
499}
f4143537 500
536f0460 501.fp-select .fp-thumbnail img {
fde35b8f 502 border: 1px solid #ddd;
536f0460
DW
503 padding: 3px;
504 vertical-align: middle;
505 margin: 10px;
506}
f4143537 507
536f0460
DW
508.fp-select .fp-fileinfo {
509 display: inline-block;
510 margin-top: 10px;
511}
f4143537 512
536f0460
DW
513.file-picker.fp-select .fp-fileinfo {
514 max-width: 240px;
515}
f4143537 516
536f0460
DW
517.fp-select .fp-fileinfo div {
518 padding-bottom: 5px;
519}
f4143537 520
536f0460
DW
521.file-picker.fp-select .uneditable {
522 display: none;
523}
f4143537 524
536f0460
DW
525.file-picker.fp-select .fp-select-loading {
526 display: none;
527}
f4143537 528
536f0460
DW
529.file-picker.fp-select.loading .fp-select-loading {
530 display: block;
531}
f4143537 532
536f0460
DW
533.file-picker.fp-select.loading form {
534 display: none;
535}
f4143537 536
536f0460
DW
537.fp-select .fp-dimensions.fp-unknown {
538 display: none;
539}
f4143537 540
536f0460
DW
541.fp-select .fp-size.fp-unknown {
542 display: none;
543}
544// File Manager
f4143537 545.filemanager-loading {
536f0460
DW
546 display: none;
547}
f4143537
DP
548
549.jsenabled .filemanager-loading {
536f0460
DW
550 display: block;
551 margin-top: 100px;
552}
f4143537 553
536f0460
DW
554.filemanager.fm-loading .filemanager-toolbar,
555.filemanager.fm-loading .fp-pathbar,
556.filemanager.fm-loading .filemanager-container,
557.filemanager.fm-loaded .filemanager-loading,
558.filemanager.fm-maxfiles .fp-btn-add,
559.filemanager.fm-maxfiles .dndupload-message,
560.filemanager.fm-noitems .fp-btn-download,
2f039236 561.filemanager.fm-noitems .fp-btn-delete,
536f0460
DW
562.filemanager .fm-empty-container,
563.filemanager.fm-noitems .filemanager-container .fp-content {
564 display: none;
565}
f4143537 566
536f0460
DW
567.filemanager .fp-img-downloading {
568 display: none;
569 padding-top: 7px;
570}
f4143537 571
536f0460
DW
572.filemanager .filemanager-updating {
573 display: none;
574 text-align: center;
575}
f4143537 576
536f0460
DW
577.filemanager.fm-updating .filemanager-updating {
578 display: block;
579 margin-top: 37px;
580}
f4143537 581
536f0460
DW
582.filemanager.fm-updating .fm-content-wrapper,
583.filemanager.fm-nomkdir .fp-btn-mkdir,
584.fitem.disabled .filemanager .filemanager-toolbar,
585.fitem.disabled .filemanager .fp-pathbar,
586.fitem.disabled .filemanager .fp-restrictions,
587.fitem.disabled .filemanager .fm-content-wrapper {
588 display: none;
589}
590// File Manager layout
591.filemanager {
f4143537 592 .fp-restrictions {
536f0460
DW
593 text-align: right;
594 }
595}
f4143537
DP
596
597.filemanager-toolbar {
536f0460
DW
598 padding: 4px;
599 overflow: hidden;
600}
536f0460
DW
601
602.filemanager .fp-pathbar.empty {
603 display: none;
604}
f4143537 605
536f0460
DW
606.filepicker-filelist,
607.filemanager-container {
536f0460 608 min-height: 140px;
609d8b38 609 border: 1px solid $input-border-color;
536f0460 610}
f4143537
DP
611
612.filemanager .fp-content {
536f0460
DW
613 overflow: auto;
614 max-height: 472px;
615 min-height: 157px;
616}
f4143537 617
536f0460
DW
618.filemanager-container,
619.filepicker-filelist {
620 overflow: hidden;
621}
f4143537 622
88af0208 623.file-picker .yui3-datatable-header {
ecb1e0dc
PD
624 /*rtl:raw:
625 text-align: right;
626 */
88af0208
DW
627 background: initial;
628}
f4143537 629
536f0460
DW
630.fitem.disabled .filepicker-filelist,
631.fitem.disabled .filemanager-container {
f4143537 632 background-color: #ebebe4;
536f0460 633}
f4143537 634
d82aa0a2 635.fitem.disabled .fp-btn-choose {
6239d808 636 color: $text-muted;
d82aa0a2
DP
637}
638
536f0460
DW
639.fitem.disabled .filepicker-filelist .filepicker-filename {
640 display: none;
641}
642// Icon view (File Manager only)
643.fp-iconview .fp-reficons1 {
644 position: absolute;
645 height: 100%;
646 width: 100%;
647 top: 0;
648 left: 0;
649}
f4143537 650
536f0460
DW
651.fp-iconview .fp-reficons2 {
652 position: absolute;
653 height: 100%;
654 width: 100%;
655 top: 0;
656 left: 0;
657}
f4143537 658
536f0460
DW
659.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
660 background: url('[[pix:theme|fp/link]]') no-repeat;
c5b70d12
JD
661 /*rtl:raw:
662 transform: scaleX(-1);
663 */
664 /*rtl:ignore*/
536f0460 665 background-position: bottom right;
85594276 666 background-size: 16px 16px;
536f0460 667}
f4143537 668
536f0460
DW
669.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
670 background: url('[[pix:theme|fp/alias]]') no-repeat;
c5b70d12
JD
671 /*rtl:raw:
672 transform: scaleX(-1);
673 */
674 /*rtl:ignore*/
536f0460 675 background-position: bottom left;
85594276 676 background-size: 16px 16px;
536f0460 677}
f4143537 678
536f0460
DW
679.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
680 display: none;
681}
f4143537 682
536f0460
DW
683.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
684 background: url([[pix:s/dead]]) no-repeat;
685 background-position: center center;
686}
687// Table view (File Manager only)
688.filemanager .yui3-datatable table {
fde35b8f 689 border: 0 solid #bbb;
536f0460
DW
690 width: 100%;
691}
f4143537 692
5142f564
FM
693/* Override YUI default styling */
694/* stylelint-disable declaration-no-important */
695.filemanager {
f4143537 696
5142f564 697 .yui3-datatable-header {
ecb1e0dc
PD
698 /*rtl:raw:
699 text-align: right;
700 */
5142f564
FM
701 background: #fff !important;
702 border-bottom: 1px solid #ccc !important;
703 border-left: 0 solid #fff !important;
704 color: #555 !important;
705 }
f4143537 706
5142f564
FM
707 .yui3-datatable-odd .yui3-datatable-cell {
708 background-color: #f6f6f6 !important;
709 border-left: 0 solid #f6f6f6;
710 }
711
712 .yui3-datatable-even .yui3-datatable-cell {
713 background-color: #fff !important;
714 border-left: 0 solid #fff;
715 }
536f0460 716}
5142f564 717/* stylelint-enable */
f4143537
DP
718
719.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
536f0460
DW
720 background: url('[[pix:theme|fp/link_sm]]') no-repeat 0 0;
721 height: 100%;
722 width: 100%;
c5b70d12
JD
723 /*rtl:raw:
724 transform: scaleX(-1);
725 */
536f0460
DW
726 position: absolute;
727 top: 8px;
728 left: 17px;
85594276 729 background-size: 16px 16px;
536f0460 730}
f4143537 731
536f0460
DW
732.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
733 background: url('[[pix:theme|fp/alias_sm]]') no-repeat 0 0;
734 height: 100%;
735 width: 100%;
c5b70d12
JD
736 /*rtl:raw:
737 transform: scaleX(-1);
738 */
536f0460
DW
739 position: absolute;
740 top: 9px;
741 left: -6px;
85594276 742 background-size: 16px 16px;
536f0460
DW
743}
744// Folder Context Menu (File Manager only)
745.filemanager .fp-contextmenu {
746 display: none;
747}
f4143537 748
536f0460 749.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
536f0460 750 position: absolute;
91de0ed8
BB
751 right: 0;
752 bottom: 0;
753 display: flex;
754 align-items: center;
755 justify-content: center;
536f0460 756}
f4143537 757
536f0460
DW
758.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
759.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
760 display: inline;
761 position: absolute;
762 left: 14px;
763 margin-right: -20px;
764 top: 6px;
765}
766// Drag and drop support (filemanager and filepicker form elements)
767.filepicker-filelist .filepicker-container,
768.filemanager.fm-noitems .fm-empty-container {
769 display: block;
770 position: absolute;
771 top: 10px;
772 bottom: 10px;
773 left: 10px;
774 right: 10px;
fde35b8f 775 border: 2px dashed #bbb;
536f0460
DW
776 padding-top: 85px;
777 text-align: center;
778}
f4143537 779
536f0460
DW
780.filepicker-filelist .dndupload-target,
781.filemanager-container .dndupload-target {
fde35b8f 782 background: #fff;
536f0460
DW
783 position: absolute;
784 top: 10px;
785 bottom: 10px;
786 left: 10px;
787 right: 10px;
788 border: 2px dashed #fb7979;
789 padding-top: 85px;
790 text-align: center;
f4143537 791
fde35b8f 792 @include box-shadow(0 0 0 10px #fff);
536f0460 793}
f4143537 794
536f0460
DW
795.filepicker-filelist.dndupload-over .dndupload-target,
796.filemanager-container.dndupload-over .dndupload-target {
fde35b8f 797 background: #fff;
536f0460
DW
798 position: absolute;
799 top: 10px;
800 bottom: 10px;
801 left: 10px;
802 right: 10px;
803 border: 2px dashed #6c8cd3;
804 padding-top: 85px;
805 text-align: center;
806}
f4143537 807
536f0460
DW
808.dndupload-message {
809 display: none;
810}
f4143537 811
536f0460
DW
812.dndsupported .dndupload-message {
813 display: inline;
814}
f4143537 815
536f0460
DW
816.dnduploadnotsupported-message {
817 display: none;
818}
f4143537 819
536f0460
DW
820.dndnotsupported .dnduploadnotsupported-message {
821 display: inline;
822}
f4143537 823
536f0460
DW
824.dndupload-target {
825 display: none;
826}
f4143537 827
536f0460
DW
828.dndsupported .dndupload-ready .dndupload-target {
829 display: block;
830}
f4143537 831
536f0460
DW
832.dndupload-uploadinprogress {
833 display: none;
834 text-align: center;
835}
f4143537 836
536f0460
DW
837.dndupload-uploading .dndupload-uploadinprogress {
838 display: block;
839}
f4143537 840
536f0460
DW
841.dndupload-arrow {
842 background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
843 width: 100%;
844 height: 80px;
845 position: absolute;
846 top: 5px;
847}
f4143537 848
536f0460
DW
849.fitem.disabled .filepicker-container,
850.fitem.disabled .fm-empty-container {
851 display: none;
852}
f4143537 853
536f0460
DW
854.dndupload-progressbars {
855 padding: 10px;
856 display: none;
857}
f4143537 858
536f0460
DW
859.dndupload-inprogress .dndupload-progressbars {
860 display: block;
861}
f4143537 862
536f0460
DW
863.dndupload-inprogress .fp-content {
864 display: none;
865}
f4143537 866
536f0460
DW
867.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
868 display: none;
869}
f4143537 870
536f0460
DW
871.filepicker-filelist.dndupload-inprogress .filepicker-container {
872 display: none;
873}
f4143537 874
536f0460
DW
875.filepicker-filelist.dndupload-inprogress a {
876 display: none;
877}
878// Select Dialogue (File Manager only)
879.filemanager.fp-select .fp-select-loading {
880 display: none;
881}
f4143537 882
536f0460
DW
883.filemanager.fp-select.loading .fp-select-loading {
884 display: block;
885}
f4143537 886
536f0460
DW
887.filemanager.fp-select.loading form {
888 display: none;
889}
f4143537 890
536f0460
DW
891.filemanager.fp-select.fp-folder .fp-license,
892.filemanager.fp-select.fp-folder .fp-author,
893.filemanager.fp-select.fp-file .fp-file-unzip,
894.filemanager.fp-select.fp-folder .fp-file-unzip,
895.filemanager.fp-select.fp-file .fp-file-zip,
896.filemanager.fp-select.fp-zip .fp-file-zip {
897 display: none;
898}
f4143537 899
536f0460
DW
900.filemanager.fp-select .fp-file-setmain,
901.filemanager.fp-select .fp-file-setmain-help {
902 display: none;
903}
f4143537 904
536f0460
DW
905.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
906.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
907 display: inline-block;
908}
f4143537 909
536f0460
DW
910.filemanager .fp-mainfile .fp-filename {
911 font-weight: bold;
912}
f4143537 913
536f0460
DW
914.filemanager.fp-select.fp-folder .fp-file-download {
915 display: none;
916}
917// to be implemented
918.fm-operation {
919 font-weight: bold;
920}
f4143537 921
536f0460
DW
922.filemanager.fp-select .fp-original.fp-unknown,
923.filemanager.fp-select .fp-original .fp-originloading {
924 display: none;
925}
f4143537 926
536f0460
DW
927.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
928 display: inline;
929}
f4143537 930
536f0460
DW
931.filemanager.fp-select .fp-reflist.fp-unknown,
932.filemanager.fp-select .fp-reflist .fp-reflistloading {
933 display: none;
934}
f4143537 935
536f0460
DW
936.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
937 display: inline;
938}
f4143537 939
536f0460 940.filemanager.fp-select .fp-reflist .fp-value {
f4143537 941 background: #f9f9f9;
fde35b8f 942 border: 1px solid #bbb;
536f0460
DW
943 padding: 8px 7px;
944 margin: 0;
536f0460
DW
945 max-height: 75px;
946 overflow: auto;
947}
f4143537 948
536f0460
DW
949.filemanager.fp-select .fp-reflist .fp-value li {
950 padding-bottom: 7px;
951}
952// Create folder dialogue (File Manager only)
953.filemanager.fp-mkdir-dlg {
954 text-align: center;
955}
f4143537 956
536f0460
DW
957.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
958 text-align: left;
959 margin: 20px;
960}
961// Confirm dialogue for delete (File Manager only)
962.filemanager.fp-dlg {
963 text-align: center;
964}
536f0460
DW
965// file picker search dialog
966.file-picker div.bd {
967 text-align: left;
968}
969
970// Upload form for file picker.
971.fp-formset {
536f0460 972 padding: 10px;
f4143537 973
536f0460
DW
974 input[type="file"] {
975 line-height: inherit;
976 }
977}
f4143537 978
88af0208 979.fp-forminset {
536f0460 980 padding: 0 10px;
536f0460
DW
981}
982
983.fp-fileinfo .fp-value {
984 display: inline-block;
985 padding-left: 5px;
986}