projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
fix browse the contents of a Project in Trash and tooltips around button
[arvados.git]
/
src
/
views
/
process-panel
/
process-subprocesses-card.tsx
diff --git
a/src/views/process-panel/process-subprocesses-card.tsx
b/src/views/process-panel/process-subprocesses-card.tsx
index f05254531041809ffa759db6b2b526bae6aa2984..7a1901f13f797644cfd1842a97b3b37b2b6ffe63 100644
(file)
--- a/
src/views/process-panel/process-subprocesses-card.tsx
+++ b/
src/views/process-panel/process-subprocesses-card.tsx
@@
-14,7
+14,7
@@
import { Process, getProcessStatus, getProcessRuntime } from '~/store/processes/
import { formatTime } from '~/common/formatters';
import { getProcessStatusColor } from '~/store/processes/process';
import { formatTime } from '~/common/formatters';
import { getProcessStatusColor } from '~/store/processes/process';
-export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader' | 'header';
+export type CssRules = 'label' | 'value' | 'title' | 'content' | 'action' | 'options' | 'status' | 'rightSideHeader' | 'titleHeader' | 'header'
| 'moreOptions'
;
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
label: {
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
label: {
@@
-56,6
+56,9
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
paddingTop: 0,
paddingBottom: 0,
},
paddingTop: 0,
paddingBottom: 0,
},
+ moreOptions: {
+ position: 'absolute'
+ }
});
export interface SubprocessItemProps {
});
export interface SubprocessItemProps {
@@
-83,12
+86,12
@@
export const ProcessSubprocessesCard = withStyles(styles, { withTheme: true })(
<Typography noWrap variant="body2" className={classes.status}>
{getProcessStatus(subprocess)}
</Typography>
<Typography noWrap variant="body2" className={classes.status}>
{getProcessStatus(subprocess)}
</Typography>
- <Tooltip title="More options">
+ <Tooltip title="More options"
disableFocusListener
>
<IconButton
className={classes.options}
aria-label="More options"
onClick={onContextMenu}>
<IconButton
className={classes.options}
aria-label="More options"
onClick={onContextMenu}>
- <MoreOptionsIcon />
+ <MoreOptionsIcon
className={classes.moreOptions}
/>
</IconButton>
</Tooltip>
</div>
</IconButton>
</Tooltip>
</div>