Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-27 20:27:13 +00:00
Code Issues Projects Releases Wiki Activity

Statusbar improvements

Browse source
This commit is contained in:
Alexander Zaytsev 2019-04-08 11:53:18 +03:00
parent 93cca38650
commit a7ebb886ce
2 changed files with 10 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/@uppy/status-bar/src/StatusBar.js
View file

@ -281,10 +281,14 @@ const ProgressBarUploading = (props) => {
const ProgressBarComplete = ({ totalProgress, i18n }) => {
return (
<div class="uppy-StatusBar-content" role="status" title={i18n('complete')}>
<svg aria-hidden="true" class="uppy-StatusBar-statusIndicator UppyIcon" width="18" height="17" viewBox="0 0 23 17">
<path d="M8.944 17L0 7.865l2.555-2.61 6.39 6.525L20.41 0 23 2.645z" />
</svg>
{i18n('complete')}
<div class="uppy-StatusBar-status">
<div class="uppy-StatusBar-statusPrimary">
<svg aria-hidden="true" class="uppy-StatusBar-statusIndicator UppyIcon" width="15" height="11" viewBox="0 0 15 11" xmlns="http://www.w3.org/2000/svg">
<path d="M.414 5.843L1.627 4.63l3.472 3.472L13.202 0l1.212 1.213L5.1 10.528z" />
</svg>
{i18n('complete')}
</div>
</div>
</div>
)
}

15
packages/@uppy/status-bar/src/style.scss
View file

@ -17,7 +17,6 @@
.uppy-size--md .uppy-StatusBar {
height: 46px;
font-size: 14px;
}
.uppy-StatusBar:before {
@ -121,12 +120,7 @@
}
.uppy-StatusBar-statusPrimary {
font-size: 12px;
font-weight: 400;
.uppy-size--md & {
font-size: 14px;
}
font-weight: 500;
}
.uppy-StatusBar-statusSecondary {
@ -138,10 +132,6 @@
white-space: nowrap;
overflow-x: hidden;
// max-width: 170px;
.uppy-size--md & {
// max-width: 500px;
}
}
.uppy-StatusBar-statusSecondaryHint {
@ -174,8 +164,7 @@
}
.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
width: 15px;
margin-right: 7px;
margin-right: 6px;
}
.uppy-StatusBar-actions {