Vertically center the pause icon in the node type letter component

This commit is contained in:
mabashian
2020-01-24 14:36:19 -05:00
parent 700296a558
commit e34bf90ca7

View File

@@ -12,6 +12,10 @@ const NodeTypeLetter = styled.foreignObject`
text-align: center; text-align: center;
`; `;
const CenteredPauseIcon = styled(PauseIcon)`
vertical-align: middle !important;
`;
function WorkflowNodeTypeLetter({ node }) { function WorkflowNodeTypeLetter({ node }) {
let nodeTypeLetter; let nodeTypeLetter;
if ( if (
@@ -39,7 +43,7 @@ function WorkflowNodeTypeLetter({ node }) {
break; break;
case 'workflow_approval_template': case 'workflow_approval_template':
case 'workflow_approval': case 'workflow_approval':
nodeTypeLetter = <PauseIcon />; nodeTypeLetter = <CenteredPauseIcon />;
break; break;
default: default:
nodeTypeLetter = ''; nodeTypeLetter = '';