fix: fix resource card description height

Cosmo-Tech · Jul 8, 2024 · f3321e8 · f3321e8
1 parent 691f9a2
commit f3321e8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/cards/ResourceCard/ResourceCard.js b/src/cards/ResourceCard/ResourceCard.js
@@ -2,7 +2,7 @@
 // Licensed under the MIT license.
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Typography, Button, Card, CardHeader, CardContent, CardActions, Tooltip, Fade } from '@mui/material';
+import { Typography, Button, Card, CardHeader, CardContent, CardActions } from '@mui/material';
 import { DefaultAvatar } from '../../misc';
 import useStyles from './style';
 
@@ -26,18 +26,11 @@ export const ResourceCard = ({ id, name, description, action, style }) => {
         title={name}
       />
       <CardContent data-cy={'resource-content'}>
-        <Tooltip
-          TransitionComponent={Fade}
-          TransitionProps={{ timeout: 600 }}
-          key="resource-description-tooltip"
-          title={description ?? ''}
-        >
-          <div className={classes.description}>
-            <Typography noWrap={true} color="textSecondary" variant="body2">
-              {description}
-            </Typography>
-          </div>
-        </Tooltip>
+        <div className={classes.description}>
+          <Typography color="textSecondary" variant="body2">
+            {description}
+          </Typography>
+        </div>
       </CardContent>
       {actionButton}
     </Card>

diff --git a/src/cards/ResourceCard/style.js b/src/cards/ResourceCard/style.js
@@ -10,6 +10,10 @@ const useStyles = makeStyles(() => ({
     flexDirection: 'column',
     justifyContent: 'space-between',
   },
+  description: {
+    height: '70px',
+    overflow: 'auto',
+  },
 }));
 
 export default useStyles;