Mirrors/lossless-cut
1
0
Fork 0
mirror of https://github.com/mifi/lossless-cut.git synced 2024-11-22 02:12:30 +01:00
Code Issues Releases Activity

Progress gear invisible if video is white in upper-left corner #77

Browse Source
This commit is contained in:
Mikael Finstad 2018-06-03 15:49:42 +02:00
parent 0a3b716591
commit 027790c93e
2 changed files with 3 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/main.css
View File

@ -112,18 +112,6 @@ input, button, textarea, :focus {
z-index: 1;
}
#working {
color: white;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
#working i {
padding: .3em;
}
#drag-drop-field {
padding: 15vw 0;
border: 2vw dashed #252525;

6
src/renderer.jsx
View File

@ -404,10 +404,10 @@ class App extends React.Component {
return (<div>
{!this.state.filePath && <div id="drag-drop-field">DROP VIDEO</div>}
{this.state.working && (
<div id="working">
<i className="fa fa-cog fa-spin fa-3x fa-fw" style={{ verticalAlign: 'middle' }} />
<div style={{ color: 'white', background: 'rgba(0, 0, 0, 0.3)', borderRadius: '.5em', margin: '1em', padding: '.2em .5em', position: 'absolute', zIndex: 1, top: 0, left: 0 }}>
<i className="fa fa-cog fa-spin fa-3x fa-fw" style={{ verticalAlign: 'middle', width: '1em', height: '1em' }} />
{this.state.cutProgress != null &&
<span style={{ color: 'rgba(255, 255, 255, 0.7)' }}>
<span style={{ color: 'rgba(255, 255, 255, 0.7)', paddingLeft: '.4em' }}>
{Math.floor(this.state.cutProgress * 100)} %
</span>
}