projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
18315: Adds file upload test proving that the UI is correctly updated.
[arvados-workbench2.git]
/
src
/
views
/
collection-panel
/
collection-panel.tsx
diff --git
a/src/views/collection-panel/collection-panel.tsx
b/src/views/collection-panel/collection-panel.tsx
index 2c7a8f2c1a2067e151be9f812674682f2dd388f6..dce8ef8f68cde0083a14703aee13e05f966f339e 100644
(file)
--- a/
src/views/collection-panel/collection-panel.tsx
+++ b/
src/views/collection-panel/collection-panel.tsx
@@
-77,8
+77,8
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
color: theme.customs.colors.yellow700
},
tag: {
color: theme.customs.colors.yellow700
},
tag: {
- marginRight: theme.spacing.unit,
- marginBottom: theme.spacing.unit
+ marginRight: theme.spacing.unit
/ 2
,
+ marginBottom: theme.spacing.unit
/ 2
},
label: {
fontSize: '0.875rem'
},
label: {
fontSize: '0.875rem'
@@
-323,7
+323,7
@@
export const CollectionDetailsAttributes = (props: CollectionDetailsProps) => {
</Grid>
<Grid item xs={12} md={mdSize}>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
</Grid>
<Grid item xs={12} md={mdSize}>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
- label='Number of files' value={
item.fileCount
} />
+ label='Number of files' value={
<span data-cy='collection-file-count'>{item.fileCount}</span>
} />
</Grid>
<Grid item xs={12} md={mdSize}>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
</Grid>
<Grid item xs={12} md={mdSize}>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
@@
-333,7
+333,12
@@
export const CollectionDetailsAttributes = (props: CollectionDetailsProps) => {
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
label='Storage classes' value={item.storageClassesDesired.join(', ')} />
</Grid>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
label='Storage classes' value={item.storageClassesDesired.join(', ')} />
</Grid>
- <Grid item xs={12} md={mdSize}>
+
+ {/*
+ NOTE: The property list should be kept at the bottom, because it spans
+ the entire available width, without regards of the twoCol prop.
+ */}
+ <Grid item xs={12} md={12}>
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
label='Properties' />
{ Object.keys(item.properties).length > 0
<DetailsAttribute classLabel={classes.label} classValue={classes.value}
label='Properties' />
{ Object.keys(item.properties).length > 0