ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2024-12-22 17:33:14 +01:00
Code Issues Releases Wiki Activity

Make overall upload progress percentage more visible

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-11-20 15:24:14 +01:00
parent 465bed94a2
commit efcc24ab96
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/components/ascribe_uploader/ascribe_file_drag_and_drop/file_drag_and_drop_preview_progress.js
View File

@ -48,7 +48,7 @@ let FileDragAndDropPreviewProgress = React.createClass({
<div style={{marginTop: '2em'}}> <div style={{marginTop: '2em'}}>
<ProgressBar <ProgressBar
now={Math.ceil(overallProgress)} now={Math.ceil(overallProgress)}
label={getLangText('Overall progress%s', ': %(percent)s%')} label={'%(percent)s%'}
className="ascribe-progress-bar" className="ascribe-progress-bar"
style={style} /> style={style} />
</div> </div>

6
sass/ascribe_uploader.scss
View File

@ -172,6 +172,12 @@
> .progress-bar { > .progress-bar {
background-color: $ascribe-dark-blue; 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 { .ascribe-progress-bar-xs {