MDL-74813 filepicker: Replace the dnd gif animation with a static icon

This commit is contained in:
Mihail Geshoski 2022-07-06 10:17:04 +08:00
parent 9ccda59e00
commit ca1fe2afa3
5 changed files with 25 additions and 9 deletions

View File

@ -2795,10 +2795,18 @@ EOD;
$html .= <<<EOD
<div id="file_info_{$client_id}" class="mdl-left filepicker-filelist" style="position: relative">
<div class="filepicker-filename">
<div class="filepicker-container">$currentfile<div class="dndupload-message">$strdndenabled <br/><div class="dndupload-arrow"></div></div></div>
<div class="filepicker-container">$currentfile
<div class="dndupload-message">$strdndenabled <br/>
<div class="dndupload-arrow d-flex"><i class="fa fa-arrow-circle-o-down fa-3x m-auto"></i></div>
</div>
</div>
<div class="dndupload-progressbars"></div>
</div>
<div><div class="dndupload-target">{$strdroptoupload}<br/><div class="dndupload-arrow"></div></div></div>
<div>
<div class="dndupload-target">{$strdroptoupload}<br/>
<div class="dndupload-arrow d-flex"><i class="fa fa-arrow-circle-o-down fa-3x m-auto"></i></div>
</div>
</div>
</div>
EOD;
}

View File

@ -80,9 +80,17 @@
<div class="fm-content-wrapper">
<div class="fp-content"></div>
<div class="fm-empty-container">
<div class="dndupload-message">{{#str}}dndenabled_inbox{{/str}}<br/><div class="dndupload-arrow"></div></div>
<div class="dndupload-message">{{#str}}dndenabled_inbox{{/str}}<br/>
<div class="dndupload-arrow d-flex">
<i class="fa fa-arrow-circle-o-down fa-3x m-auto"></i>
</div>
</div>
</div>
<div class="dndupload-target">{{#str}}droptoupload{{/str}}<br/>
<div class="dndupload-arrow d-flex">
<i class="fa fa-arrow-circle-o-down fa-3x m-auto"></i>
</div>
</div>
<div class="dndupload-target">{{#str}}droptoupload{{/str}}<br/><div class="dndupload-arrow"></div></div>
<div class="dndupload-progressbars"></div>
<div class="dndupload-uploadinprogress">{{#pix}}i/loading_small{{/pix}}<span class="sr-only">{{#str}}loadinghelp{{/str}}</span></div>
</div>

View File

@ -844,11 +844,11 @@ a.ygtvspacer:hover {
}
.dndupload-arrow {
background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
width: 100%;
height: 80px;
position: absolute;
top: 5px;
color: $gray-500;
}
.fitem.disabled .filepicker-container,

View File

@ -15873,11 +15873,11 @@ a.ygtvspacer:hover {
display: block; }
.dndupload-arrow {
background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
width: 100%;
height: 80px;
position: absolute;
top: 5px; }
top: 5px;
color: #8f959e; }
.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {

View File

@ -15873,11 +15873,11 @@ a.ygtvspacer:hover {
display: block; }
.dndupload-arrow {
background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
width: 100%;
height: 80px;
position: absolute;
top: 5px; }
top: 5px;
color: #8f959e; }
.fitem.disabled .filepicker-container,
.fitem.disabled .fm-empty-container {