Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-22 17:58:05 +00:00
Code Issues Projects Releases Wiki Activity

Alter “retry” link

Browse source
This commit is contained in:
Artur Paikin 2017-10-02 17:07:33 -04:00
parent 8b0d74be6a
commit 0fa1ec4df9
3 changed files with 25 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/plugins/StatusBar/StatusBar.js
View file

@ -157,20 +157,27 @@ const ProgressBarComplete = ({ totalProgress, i18n }) => {
const ProgressBarError = ({ error, retryAll, i18n }) => {
return html`
<div class="UppyStatusBar-content">
<div title="${i18n('error')}">
<button title="${i18n('retryUpload')}" aria-label="${i18n('retryUpload')}" class="UppyStatusBar-action" type="button" onclick=${retryAll}>
<svg class="UppyIcon" width="28" height="31" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg">
<path d="M16 11a8 8 0 1 1-8-8v2a6 6 0 1 0 6 6h2z"/>
<path d="M7.9 3H10v2H7.9z"/><path d="M8.536.5l3.535 3.536-1.414 1.414L7.12 1.914z"/><path d="M10.657 2.621l1.414 1.415L8.536 7.57 7.12 6.157z"/>
</svg>
</button>
<button class="UppyStatusBar-action"
title="${i18n('retryUpload')}"
aria-label="${i18n('retryUpload')}"
type="button"
onclick=${retryAll}>
<svg class="UppyIcon" width="28" height="31" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg">
<path d="M16 11a8 8 0 1 1-8-8v2a6 6 0 1 0 6 6h2z"/>
<path d="M7.9 3H10v2H7.9z"/><path d="M8.536.5l3.535 3.536-1.414 1.414L7.12 1.914z"/><path d="M10.657 2.621l1.414 1.415L8.536 7.57 7.12 6.157z"/>
</svg></button>
${i18n('uploadFailed')}.
<button class="UppyStatusBar-button" type="button" onclick=${retryAll}>
<strong>${i18n('retry')}?</strong>
</button>
<span class="UppyStatusBar-details" data-balloon="${error}" data-balloon-pos="up" data-balloon-length="large">?</span>
<button class="UppyStatusBar-retryBtn"
title="${i18n('retryUpload')}"
aria-label="${i18n('retryUpload')}"
type="button"
onclick=${retryAll}>
${i18n('retry')}</button>
<span class="UppyStatusBar-details"
data-balloon="${error}"
data-balloon-pos="up"
data-balloon-length="large">?</span>
</div>
</div>
`
}

1
src/plugins/StatusBar/index.js
View file

@ -24,6 +24,7 @@ module.exports = class StatusBarUI extends Plugin {
paused: 'Paused',
error: 'Error',
retry: 'Retry',
pressToRetry: 'Press to retry',
retryUpload: 'Retry upload',
resumeUpload: 'Resume upload',
cancelUpload: 'Cancel upload',

8
src/scss/_statusbar.scss
View file

@ -81,9 +81,11 @@ button.UppyStatusBar-action {
cursor: pointer;
}
.UppyStatusBar-button {
.UppyStatusBar-retryBtn {
@include reset-button;
cursor: pointer;
border-bottom: 1px solid $color-white;
font-weight: 600;
}
.UppyStatusBar-details {
@ -97,9 +99,9 @@ button.UppyStatusBar-action {
border-radius: 50%;
position: relative;
top: -1px;
left: 3px;
left: 6px;
font-size: 10px;
margin-left: -1px;
// margin-left: -1px;
text-align: center;
}