[frontend] Fix truncate by CSS (#9279)

OpenCTI-Platform · Jan 28, 2025 · a6d42e8 · a6d42e8
1 parent 14ffdc5
commit a6d42e8
Showing 1 changed file with 9 additions and 13 deletions.
diff --git a/...e/components/common/stix_core_relationships/StixCoreRelationshipCreationFromEntityList.js b/...e/components/common/stix_core_relationships/StixCoreRelationshipCreationFromEntityList.js
@@ -333,14 +333,6 @@ const StixCoreRelationshipCreationFromEntityList = ({
     .filter((edge) => edge.node.id !== entity.id)
     .map((edge) => edge.node);
 
-  const defaultDescription = (data) => truncate(
-    // eslint-disable-next-line no-nested-ternary
-    data.parent_types.includes('Stix-Cyber-Observable')
-      ? data.x_opencti_description
-      : data.description,
-    130,
-  );
-
   return (
     <>
       {showForm ? (
@@ -392,11 +384,15 @@ const StixCoreRelationshipCreationFromEntityList = ({
                       </ListItemIcon>
                       <ListItemText
                         primary={node.name}
-                        secondary={
-                          <span style={{ whiteSpace: 'nowrap' }}>
-                            {defaultDescription(node)}
-                          </span>
-                        }
+                        secondary={node.description}
+                        sx={{
+                          '.MuiListItemText-primary, .MuiListItemText-secondary': {
+                            overflowX: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            marginRight: '20px',
+                          },
+                        }}
                       />
                     </ListItem>
                   );