Fix LinearProgress looking visually frozen.

retrixe · Aug 13, 2023 · a92b6a9 · a92b6a9
1 parent ad4e945
commit a92b6a9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/imports/dashboard/files/editor.tsx b/imports/dashboard/files/editor.tsx
@@ -69,7 +69,7 @@ const Editor = (props: {
           Save
         </Button>
       </div>
-      {saving && (<div style={{ paddingTop: 10 }}><LinearProgress /></div>)}
+      {saving && (<div style={{ paddingTop: 10 }}><LinearProgress color='secondary' /></div>)}
     </>
   )
 }

diff --git a/imports/dashboard/files/overlay.tsx b/imports/dashboard/files/overlay.tsx
@@ -20,7 +20,7 @@ const Overlay = ({ message }: { message: string }): JSX.Element => (
   <OverlayContainer>
     <div style={{ flex: 1 }} />
     <Paper elevation={3} sx={{ height: '80px', m: '28px', p: '20px', ml: { xs: '28px', sm: '228px' } }}>
-      <LinearProgress />
+      <LinearProgress color='secondary' />
       <br />
       <Typography variant='body1'>{message}</Typography>
     </Paper>

diff --git a/imports/errors/connectionFailure.tsx b/imports/errors/connectionFailure.tsx
@@ -7,7 +7,7 @@ export const ConnectionFailure = (props: { loading: boolean, title?: string }):
       <div style={{ padding: 6 }}>
         {props.title && <Typography gutterBottom variant='h6'>{props.title}</Typography>}
         <Typography gutterBottom>Loading...</Typography>
-        <LinearProgress />
+        <LinearProgress color='secondary' />
       </div>
     ) : (
       <>