[arvados-workbench2] created: 2.4.0-462-gaf03e74a
git repository hosting
git at public.arvados.org
Wed Dec 21 01:46:49 UTC 2022
at af03e74a452da0dad7a74d980eaaae93cf69fea7 (commit)
commit af03e74a452da0dad7a74d980eaaae93cf69fea7
Author: Sarah Wait Zaranek <swz at curii.com>
Date: Tue Dec 20 20:46:14 2022 -0500
19463: Updating colorscheme to work on process panel
Arvados-DCO-1.1-Signed-off-by: Sarah Wait Zaranek <swz at curii.com>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index b559a2ab..db220a36 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -33,6 +33,7 @@ import Help from '@material-ui/icons/Help';
import HelpOutline from '@material-ui/icons/HelpOutline';
import History from '@material-ui/icons/History';
import Inbox from '@material-ui/icons/Inbox';
+import Memory from '@material-ui/icons/Memory';
import MoveToInbox from '@material-ui/icons/MoveToInbox';
import Info from '@material-ui/icons/Info';
import Input from '@material-ui/icons/Input';
@@ -165,6 +166,7 @@ export const KeyIcon: IconType = (props) => <VpnKey {...props} />;
export const LogIcon: IconType = (props) => <SettingsEthernet {...props} />;
export const MailIcon: IconType = (props) => <Mail {...props} />;
export const MaximizeIcon: IconType = (props) => <FullscreenSharp {...props} />;
+export const MemoryIcon: IconType = (props) => <Memory {...props} />;
export const UnMaximizeIcon: IconType = (props) => <FullscreenExitSharp {...props} />;
export const MoreOptionsIcon: IconType = (props) => <MoreVert {...props} />;
export const MoveToIcon: IconType = (props) => <Input {...props} />;
diff --git a/src/views/process-panel/process-resource-card.tsx b/src/views/process-panel/process-resource-card.tsx
index c76838fc..41347d7e 100644
--- a/src/views/process-panel/process-resource-card.tsx
+++ b/src/views/process-panel/process-resource-card.tsx
@@ -20,6 +20,7 @@ import { ArvadosTheme } from 'common/custom-theme';
import {
CloseIcon,
MaximizeIcon,
+ MemoryIcon,
UnMaximizeIcon,
ProcessIcon
} from 'components/icon/icon';
@@ -55,16 +56,16 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
},
iconHeader: {
fontSize: '1.875rem',
- color: theme.customs.colors.green700,
+ color: theme.customs.colors.greyL,
},
content: {
paddingTop: "0px",
- maxHeight: `calc(100% - ${theme.spacing.unit * 4.5}px)`,
+ maxHeight: `calc(100% - ${theme.spacing.unit * 7.5}px)`,
overflow: "auto"
},
sectionH3: {
margin: "0.5em",
- color: theme.customs.colors.purple,
+ color: theme.customs.colors.greyD,
fontSize: "0.8125rem",
textTransform: "uppercase",
}
@@ -94,7 +95,7 @@ export const ProcessResourceCard = withStyles(styles)(connect()(
content: classes.title,
avatar: classes.avatar,
}}
- avatar={<ProcessIcon className={classes.iconHeader} />}
+ avatar={<MemoryIcon className={classes.iconHeader} />}
title={
<Typography noWrap variant='h6' color='inherit'>
Resources
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list