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