fix FileItem source icon position and copy

This commit is contained in:
Artur Paikin 2017-09-10 14:24:20 -04:00
parent 1c2e4425c8
commit 1e2a722b08
3 changed files with 8 additions and 9 deletions

View file

@ -86,14 +86,12 @@ module.exports = function fileItem (props) {
}
</h4>
<div class="UppyDashboardItem-status">
<div class="UppyDashboardItem-statusSize">${file.data.size ? prettyBytes(file.data.size) : ''}</div>
${file.source
? html`<div class="UppyDashboardItem-sourceIcon">
${file.data.size && html`<div class="UppyDashboardItem-statusSize">${prettyBytes(file.data.size)}</div>`}
${file.source && html`<div class="UppyDashboardItem-sourceIcon">
${acquirers.map(acquirer => {
if (acquirer.id === file.source) return html`<span title="${acquirer.name}">${acquirer.icon()}</span>`
if (acquirer.id === file.source) return html`<span title="${props.i18n('fileSource')}: ${acquirer.name}">${acquirer.icon()}</span>`
})}
</div>`
: ''
}
</div>
${!uploadInProgressOrComplete

View file

@ -28,6 +28,7 @@ module.exports = class DashboardUI extends Plugin {
dashboardTitle: 'Uppy Dashboard',
copyLinkToClipboardSuccess: 'Link copied to clipboard.',
copyLinkToClipboardFallback: 'Copy the URL below',
fileSource: 'File source',
done: 'Done',
localDisk: 'Local Disk',
myDevice: 'My Device',

View file

@ -474,9 +474,8 @@
}
.UppyDashboardItem-sourceIcon {
// color: rgba($color-white, 0.95);
position: relative;
left: 3px;
// position: relative;
// left: 3px;
display: inline-block;
vertical-align: middle;
width: 7px;
@ -605,8 +604,9 @@
.UppyDashboardItem-statusSize {
display: inline-block;
vertical-align: middle;
vertical-align: bottom;
text-transform: uppercase;
margin-right: 3px;
}
.UppyDashboardItem-edit,