fix description tooltip

gridsuite · Jan 9, 2024 · e1a0b03 · e1a0b03
1 parent f4f8d3c
commit e1a0b03
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/src/components/directory-content.js b/src/components/directory-content.js
@@ -96,6 +96,14 @@ const styles = {
     tooltip: {
         maxWidth: '1000px',
     },
+    descriptionTooltip: {
+        display: 'inline-block',
+        whiteSpace: 'pre',
+        textOverflow: 'ellipsis',
+        overflow: 'hidden',
+        maxWidth: '250px',
+        maxHeight: '50px',
+    },
 };
 
 const initialMousePosition = {
@@ -440,12 +448,9 @@ const DirectoryContent = () => {
                     <Box sx={styles.cell}>
                         <Tooltip
                             title={
-                                <OverflowableText
-                                    text={description}
-                                    sx={{
-                                        maxWidth: '250px',
-                                        maxHeight: '50px',
-                                    }}
+                                <Box
+                                    children={description}
+                                    sx={styles.descriptionTooltip}
                                 />
                             }
                             placement="right"