[arvados] updated: 2.7.0-5850-g189f1daa0b
git repository hosting
git at public.arvados.org
Wed Jan 31 18:58:13 UTC 2024
Summary of changes:
.../project-details-card/project-details-card.tsx | 41 +++++++++-------------
1 file changed, 16 insertions(+), 25 deletions(-)
via 189f1daa0b8d37953e50511696cda4b58f18a766 (commit)
from 2ac46e6a64c0b77e8d449f7265cacbfa5b88ca30 (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 189f1daa0b8d37953e50511696cda4b58f18a766
Author: Lisa Knox <lisaknox83 at gmail.com>
Date: Wed Jan 31 13:58:04 2024 -0500
21224: css tweaks 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 06a76c713e..257f4de845 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
@@ -28,18 +28,17 @@ import { RichTextEditorLink } from 'components/rich-text-editor-link/rich-text-e
type CssRules =
| 'root'
- | 'cardheader'
- | 'fadeout'
- | 'showmore'
+ | 'cardHeader'
+ | 'showMore'
| 'nameContainer'
| 'activeIndicator'
- | 'cardcontent'
+ | 'cardContent'
| 'namePlate'
| 'faveIcon'
| 'frozenIcon'
- | 'attributesection'
+ | 'attributeSection'
| 'attribute'
- | 'chipsection'
+ | 'chipSection'
| 'tag';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
@@ -48,14 +47,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
marginBottom: '1rem',
flex: '0 0 auto',
},
- fadeout: {
- maxWidth: '25rem',
- minWdidth: '18rem',
- height: '1.5rem',
- overflow: 'hidden',
- WebkitMaskImage: '-webkit-gradient(linear, left bottom, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))',
- },
- showmore: {
+ showMore: {
color: theme.palette.primary.main,
cursor: 'pointer',
maxWidth: '10rem',
@@ -66,10 +58,10 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
activeIndicator: {
margin: '0.3rem auto auto 1rem',
},
- cardheader: {
+ cardHeader: {
paddingTop: '0.4rem',
},
- cardcontent: {
+ cardContent: {
display: 'flex',
flexDirection: 'column',
marginTop: '-1rem',
@@ -90,7 +82,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
height: '1rem',
color: theme.palette.text.primary,
},
- attributesection: {
+ attributeSection: {
display: 'flex',
flexWrap: 'wrap',
},
@@ -100,7 +92,7 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
padding: '0.5rem',
borderRadius: '5px',
},
- chipsection: {
+ chipSection: {
display: 'flex',
flexWrap: 'wrap',
},
@@ -208,7 +200,7 @@ const UserCard: React.FC<UserCardProps> = ({ classes, currentResource }) => {
return (
<Card className={classes.root}>
<CardHeader
- className={classes.cardheader}
+ className={classes.cardHeader}
title={
<section className={classes.nameContainer}>
<Typography
@@ -231,12 +223,12 @@ const UserCard: React.FC<UserCardProps> = ({ classes, currentResource }) => {
};
const ProjectCard: React.FC<ProjectCardProps> = ({ classes, currentResource, frozenByFullName, handleContextMenu, isAdmin }) => {
- const { name, uuid, description } = currentResource as ProjectResource;
+ const { name, description } = currentResource as ProjectResource;
return (
<Card className={classes.root}>
<CardHeader
- className={classes.cardheader}
+ className={classes.cardHeader}
title={
<>
<section className={classes.namePlate}>
@@ -262,7 +254,7 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ classes, currentResource, fro
<FreezeIcon style={{ fontSize: 'inherit' }} />
</Tooltip>}
</section>
- <section className={classes.chipsection}>
+ <section className={classes.chipSection}>
<Typography component='div'>
{typeof currentResource.properties === 'object' &&
Object.keys(currentResource.properties).map((k) =>
@@ -288,11 +280,10 @@ const ProjectCard: React.FC<ProjectCardProps> = ({ classes, currentResource, fro
</IconButton>
</Tooltip>}
/>
- <CardContent className={classes.cardcontent}>
+ <CardContent className={classes.cardContent}>
{description && (
<section>
- {/* <Typography className={classes.fadeout}>{description.replace(/<[^>]*>/g, '').slice(0, 45)}...</Typography> */}
- <div className={classes.showmore}>
+ <div className={classes.showMore}>
<RichTextEditorLink
title={`Description of ${name}`}
content={description}
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list