[arvados] updated: 2.7.0-6043-g84d9b41e00
git repository hosting
git at public.arvados.org
Mon Feb 26 20:49:52 UTC 2024
Summary of changes:
.../project-details-card/project-details-card.tsx | 42 ++++++++++------------
1 file changed, 19 insertions(+), 23 deletions(-)
via 84d9b41e00a8af3f55616ffd7a0ce47ba31ca484 (commit)
from aeb5fc2083386f3ca04235807ff5be4c37e92ecc (commit)
Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.
commit 84d9b41e00a8af3f55616ffd7a0ce47ba31ca484
Author: Lisa Knox <lisaknox83 at gmail.com>
Date: Mon Feb 26 15:49:48 2024 -0500
21224: expando works Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox at curii.com>
diff --git a/services/workbench2/src/views-components/project-details-card/project-details-card.tsx b/services/workbench2/src/views-components/project-details-card/project-details-card.tsx
index 351e645db5..141d5d7ceb 100644
--- a/services/workbench2/src/views-components/project-details-card/project-details-card.tsx
+++ b/services/workbench2/src/views-components/project-details-card/project-details-card.tsx
@@ -30,7 +30,7 @@ type CssRules =
| 'root'
| 'selected'
| 'cardHeader'
- | 'descriptionLabel'
+ | 'descriptionToggle'
| 'showMore'
| 'noDescription'
| 'userNameContainer'
@@ -70,11 +70,11 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
cardHeader: {
padding: '0.2rem 0.4rem 0.1rem 1rem',
},
- descriptionLabel: {
+ descriptionToggle: {
display: 'flex',
flexDirection: 'row',
- alignItems: 'center',
cursor: 'pointer',
+ paddingBottom: '0.5rem',
},
cardContent: {
display: 'flex',
@@ -117,7 +117,8 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
marginTop: '1rem',
},
description: {
- marginTop: '1rem',
+ maxWidth: '90%',
+ marginTop: 0,
},
});
@@ -362,16 +363,24 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ classes, currentResource, fro
<section onClick={(ev) => ev.stopPropagation()}>
{description ? (
<section
- className={classes.descriptionLabel}
onClick={toggleDescription}
+ className={classes.descriptionToggle}
>
<ExpandChevronRight expanded={showDescription} />
- <Typography
- className={classes.showMore}
- data-cy='toggle-description'
+ <section className={classes.showMore}>
+ <Collapse
+ in={showDescription}
+ timeout='auto'
+ collapsedHeight='1.25rem'
>
- {description.slice(0, 100)}
- </Typography>
+ <Typography
+ className={classes.description}
+ data-cy='project-description'
+ >
+ {description}
+ </Typography>
+ </Collapse>
+ </section>
</section>
) : (
<Typography
@@ -382,19 +391,6 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ classes, currentResource, fro
</Typography>
)}
</section>
- <Collapse
- in={showDescription}
- timeout='auto'
- >
- <section onClick={(ev) => ev.stopPropagation()}>
- <Typography
- className={classes.description}
- data-cy='project-description'
- >
- {description}
- </Typography>
- </section>
- </Collapse>
</Card>
);
};
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list