put arrow to the right of the button in process instance table (#1274)
Co-authored-by: burnettk <burnettk@users.noreply.github.com>
This commit is contained in:
parent
8a773c81f8
commit
62ba2ed282
|
@ -9,6 +9,7 @@ import {
|
||||||
TableHeader,
|
TableHeader,
|
||||||
Stack,
|
Stack,
|
||||||
ButtonSet,
|
ButtonSet,
|
||||||
|
TableCell,
|
||||||
} from '@carbon/react';
|
} from '@carbon/react';
|
||||||
import { useCallback, useEffect, useRef, useState } from 'react';
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||||
import 'react-datepicker/dist/react-datepicker.css';
|
import 'react-datepicker/dist/react-datepicker.css';
|
||||||
|
@ -519,12 +520,14 @@ export default function ProcessInstanceListTable({
|
||||||
const piShowButtonElement = (
|
const piShowButtonElement = (
|
||||||
<Button
|
<Button
|
||||||
kind="ghost"
|
kind="ghost"
|
||||||
|
className="pi-show-new-tab-button"
|
||||||
target="_blank"
|
target="_blank"
|
||||||
href={piLink}
|
href={piLink}
|
||||||
style={{ width: '60px' }}
|
style={{ width: '50px' }}
|
||||||
size="sm"
|
size="sm"
|
||||||
renderIcon={ArrowUpRight}
|
renderIcon={ArrowUpRight}
|
||||||
iconDescription="Open instance in a new tab"
|
iconDescription="Open instance in new tab"
|
||||||
|
tooltipPosition="left"
|
||||||
hasIconOnly
|
hasIconOnly
|
||||||
/>
|
/>
|
||||||
);
|
);
|
||||||
|
@ -536,12 +539,12 @@ export default function ProcessInstanceListTable({
|
||||||
];
|
];
|
||||||
if (!(processInstance.status in statusesToExcludeTaskButton)) {
|
if (!(processInstance.status in statusesToExcludeTaskButton)) {
|
||||||
currentRow.push(
|
currentRow.push(
|
||||||
<td>
|
<TableCell align="right">
|
||||||
<ButtonSet>
|
<ButtonSet>
|
||||||
{piShowButtonElement}
|
|
||||||
{goButtonElement}
|
{goButtonElement}
|
||||||
|
{piShowButtonElement}
|
||||||
</ButtonSet>
|
</ButtonSet>
|
||||||
</td>
|
</TableCell>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
currentRow.push(<td>{piShowButtonElement}</td>);
|
currentRow.push(<td>{piShowButtonElement}</td>);
|
||||||
|
|
|
@ -1023,3 +1023,8 @@ div.onboarding {
|
||||||
.not-editable {
|
.not-editable {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.pi-show-new-tab-button {
|
||||||
|
position: relative;
|
||||||
|
left: 6px;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue