[arvados-workbench2] updated: 2.5.0-10-g56529b81

git repository hosting git at public.arvados.org
Tue Jan 24 21:05:13 UTC 2023


Summary of changes:
 src/views/process-panel/process-details-card.tsx | 27 +++++++++++++++++-------
 1 file changed, 19 insertions(+), 8 deletions(-)

       via  56529b81cf7b67cfea510652f07e1778cc82922e (commit)
      from  33a742eb6cc4c7a7f3c21e9fd91618a6012f68eb (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 56529b81cf7b67cfea510652f07e1778cc82922e
Author: Stephen Smith <stephen at curii.com>
Date:   Tue Jan 24 16:04:48 2023 -0500

    15557: Restyle process run to button
    
    Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen at curii.com>

diff --git a/src/views/process-panel/process-details-card.tsx b/src/views/process-panel/process-details-card.tsx
index 801403b0..4fa4701a 100644
--- a/src/views/process-panel/process-details-card.tsx
+++ b/src/views/process-panel/process-details-card.tsx
@@ -13,6 +13,7 @@ import {
     CardContent,
     Tooltip,
     Typography,
+    Button,
 } from '@material-ui/core';
 import { ArvadosTheme } from 'common/custom-theme';
 import { CloseIcon, MoreOptionsIcon, ProcessIcon, StartIcon } from 'components/icon/icon';
@@ -23,7 +24,7 @@ import { ProcessStatus } from 'views-components/data-explorer/renderers';
 import { ContainerState } from 'models/container';
 import { ContainerRequestState } from 'models/container-request';
 
-type CssRules = 'card' | 'content' | 'title' | 'header' | 'cancelButton' | 'avatar' | 'iconHeader';
+type CssRules = 'card' | 'content' | 'title' | 'header' | 'cancelButton' | 'avatar' | 'iconHeader' | 'runButton';
 
 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
     card: {
@@ -61,6 +62,14 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
             cursor: 'pointer'
         }
     },
+    runButton: {
+        backgroundColor: theme.customs.colors.green700,
+        '&:hover': {
+            backgroundColor: theme.customs.colors.green800,
+        },
+        padding: "0px 5px 0 0",
+        marginRight: "5px",
+    },
 });
 
 export interface ProcessDetailsCardDataProps {
@@ -98,13 +107,15 @@ export const ProcessDetailsCard = withStyles(styles)(
                 action={
                     <div>
                         {process.containerRequest.state === ContainerRequestState.UNCOMMITTED &&
-                            <Tooltip title="Start Process" disableFocusListener>
-                                <IconButton
-                                    aria-label="Start Process"
-                                    onClick={event => startProcess(process.containerRequest.uuid)}>
-                                    <StartIcon />
-                                </IconButton>
-                            </Tooltip>}
+                            <Button
+                                variant="contained"
+                                size="small"
+                                color="primary"
+                                className={classes.runButton}
+                                onClick={() => startProcess(process.containerRequest.uuid)}>
+                                <StartIcon />
+                                Run Process
+                            </Button>}
                         {process.container && process.container.state === ContainerState.RUNNING &&
                             <span className={classes.cancelButton} onClick={() => cancelProcess(process.containerRequest.uuid)}>Cancel</span>}
                         <ProcessStatus uuid={process.containerRequest.uuid} />

-----------------------------------------------------------------------


hooks/post-receive
-- 




More information about the arvados-commits mailing list