Animate closing of processes

This commit is contained in:
James Barnsley
2018-02-28 09:15:34 +13:00
parent 2a95af89de
commit 90f719c8f4
9 changed files with 50 additions and 21 deletions

View File

@ -56,7 +56,7 @@ export default class Notifications extends React.Component{
switch (process.status){
case 'running':
return(
<div className={"process notification"+(notification.closing ? ' closing' : '')} key={process.key}>
<div className={"process notification"+(process.closing ? ' closing' : '')} key={process.key}>
<div className="loader">
<div className="progress">
<div className="fill" style={{width: progress+'%'}}></div>
@ -69,7 +69,7 @@ export default class Notifications extends React.Component{
case 'cancelling':
return(
<div className={"process notification cancelling"+(notification.closing ? ' closing' : '')} key={process.key}>
<div className={"process notification cancelling"+(process.closing ? ' closing' : '')} key={process.key}>
<div className="loader"></div>
Cancelling
</div>