projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch '21158-wf-page-list' refs #21158
[arvados.git]
/
services
/
workbench2
/
src
/
components
/
details-attribute
/
details-attribute.tsx
diff --git
a/services/workbench2/src/components/details-attribute/details-attribute.tsx
b/services/workbench2/src/components/details-attribute/details-attribute.tsx
index 92d31b0b8e278b924bfc7fb2d25a61f5a497de1d..c10f558e77ea3f4ec26f07cf416d67f17d37672c 100644
(file)
--- a/
services/workbench2/src/components/details-attribute/details-attribute.tsx
+++ b/
services/workbench2/src/components/details-attribute/details-attribute.tsx
@@
-25,7
+25,8
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
label: {
boxSizing: 'border-box',
color: theme.palette.grey["600"],
label: {
boxSizing: 'border-box',
color: theme.palette.grey["600"],
- width: '100%'
+ width: '100%',
+ marginTop: "0.4em",
},
value: {
boxSizing: 'border-box',
},
value: {
boxSizing: 'border-box',
@@
-86,7
+87,7
@@
export const DetailsAttribute = connect(mapStateToProps)(withStyles(styles)(
render() {
const { uuidEnhancer, link, value, classes, linkToUuid,
render() {
const { uuidEnhancer, link, value, classes, linkToUuid,
- localCluster, remoteHostsConfig, sessions } = this.props;
+ localCluster, remoteHostsConfig, sessions
, label
} = this.props;
let valueNode: React.ReactNode;
if (linkToUuid) {
let valueNode: React.ReactNode;
if (linkToUuid) {
@@
-115,7
+116,7
@@
interface DetailsAttributeComponentProps {
export const DetailsAttributeComponent = withStyles(styles)(
(props: DetailsAttributeDataProps & WithStyles<CssRules> & DetailsAttributeComponentProps) =>
export const DetailsAttributeComponent = withStyles(styles)(
(props: DetailsAttributeDataProps & WithStyles<CssRules> & DetailsAttributeComponentProps) =>
- <Typography component="div" className={props.classes.attribute}>
+ <Typography component="div" className={props.classes.attribute}
data-cy={`details-panel-${props.label.toLowerCase()}`}
>
<Typography component="div" className={classnames([props.classes.label, props.classLabel])}>{props.label}</Typography>
<Typography
onClick={props.onValueClick}
<Typography component="div" className={classnames([props.classes.label, props.classLabel])}>{props.label}</Typography>
<Typography
onClick={props.onValueClick}
@@
-132,4
+133,3
@@
export const DetailsAttributeComponent = withStyles(styles)(
</Tooltip>}
</Typography>
</Typography>);
</Tooltip>}
</Typography>
</Typography>);
-