diff --git a/src/plugins/StatusBar/StatusBar.js b/src/plugins/StatusBar/StatusBar.js index 95b58438d..57e62ff11 100644 --- a/src/plugins/StatusBar/StatusBar.js +++ b/src/plugins/StatusBar/StatusBar.js @@ -157,20 +157,27 @@ const ProgressBarComplete = ({ totalProgress, i18n }) => { const ProgressBarError = ({ error, retryAll, i18n }) => { return html`
-
- + ${i18n('uploadFailed')}. - - ? + + ?
-
` } diff --git a/src/plugins/StatusBar/index.js b/src/plugins/StatusBar/index.js index 1076888fb..8f9d52c85 100644 --- a/src/plugins/StatusBar/index.js +++ b/src/plugins/StatusBar/index.js @@ -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', diff --git a/src/scss/_statusbar.scss b/src/scss/_statusbar.scss index f892a810a..48811c9ec 100644 --- a/src/scss/_statusbar.scss +++ b/src/scss/_statusbar.scss @@ -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; }