From efcc24ab96112e2a31bb204205013067be8584bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 20 Nov 2015 15:24:14 +0100
Subject: [PATCH] Make overall upload progress percentage more visible

---
 .../file_drag_and_drop_preview_progress.js                  | 2 +-
 sass/ascribe_uploader.scss                                  | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_preview_progress.js b/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_preview_progress.js
index 00c62f64..d8ffbba9 100644
--- a/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_preview_progress.js
+++ b/js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_preview_progress.js
@@ -48,7 +48,7 @@ let FileDragAndDropPreviewProgress = React.createClass({
             <div style={{marginTop: '2em'}}>
                 <ProgressBar
                     now={Math.ceil(overallProgress)}
-                    label={getLangText('Overall progress%s', ': %(percent)s%')}
+                    label={'%(percent)s%'}
                     className="ascribe-progress-bar"
                     style={style} />
             </div>
diff --git a/sass/ascribe_uploader.scss b/sass/ascribe_uploader.scss
index 65815efc..d036ca72 100644
--- a/sass/ascribe_uploader.scss
+++ b/sass/ascribe_uploader.scss
@@ -172,6 +172,12 @@
     > .progress-bar {
         background-color: $ascribe-dark-blue;
     }
+
+    span {
+        font-size: 1.25em;
+        color: white;
+        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+    }
 }
 
 .ascribe-progress-bar-xs {