diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css index f0413204b..cfea25f48 100644 --- a/spiffworkflow-frontend/src/index.css +++ b/spiffworkflow-frontend/src/index.css @@ -478,22 +478,28 @@ svg.notification-icon { .user_instructions_0 { filter: opacity(1); + font-size: 1.2em; + margin-bottom: 30px; } .user_instructions_1 { filter: opacity(60%); + font-size: 1.1em; } .user_instructions_2 { filter: opacity(40%); + font-size: 1em; } .user_instructions_3 { filter: opacity(20%); + font-size: 9em; } .user_instructions_4 { filter: opacity(10%); + font-size: 8em; } .float-right { diff --git a/spiffworkflow-frontend/src/routes/ProcessInterstitial.tsx b/spiffworkflow-frontend/src/routes/ProcessInterstitial.tsx index 368c3285d..49c2a9bd5 100644 --- a/spiffworkflow-frontend/src/routes/ProcessInterstitial.tsx +++ b/spiffworkflow-frontend/src/routes/ProcessInterstitial.tsx @@ -111,6 +111,16 @@ export default function ProcessInterstitial() { } }; + const getLoadingIcon = () => { + if(getStatus() === 'RUNNING') { + return ( + + ); + } else { + return null; + } + } + const getReturnHomeButton = (index: number) => { if ( index === 0 && @@ -123,6 +133,7 @@ export default function ProcessInterstitial() { kind="secondary" data-qa="return-to-home-button" onClick={() => navigate(`/tasks`)} + style={{marginBottom:30}} > Return to Home @@ -155,7 +166,6 @@ export default function ProcessInterstitial() { if (!myTask.can_complete && userTasks.includes(myTask.type)) { return ( <> -

Waiting on Someone Else

This next task is assigned to a different person or team. There is no action for you to take at this time. @@ -189,6 +199,8 @@ export default function ProcessInterstitial() { if (state === 'CLOSED' && lastTask === null) { navigate(`/tasks`); } + + if (lastTask) { return ( <> @@ -206,21 +218,10 @@ export default function ProcessInterstitial() { ], ]} /> -

- {getStatusImage()} -
-

- {lastTask.process_model_display_name}:{' '} - {lastTask.process_instance_id} -

-
Status: {capitalize(getStatus())}
-
-
-
-
+ {getLoadingIcon()} +
{data.map((d, index) => ( - - + <>
{getReturnHomeButton(index)} - {getHr(index)} - - + ))} +
); }