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