[frontend] In Observable / Indicators composed with this observable v…

…iew, fix the css(#9279)
OpenCTI-Platform · Jan 28, 2025 · 9276b5a · 9276b5a
1 parent 1fba256
commit 9276b5a
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 11 deletions.
diff --git a/...e/components/common/stix_core_relationships/StixCoreRelationshipCreationFromEntityList.js b/...e/components/common/stix_core_relationships/StixCoreRelationshipCreationFromEntityList.js
@@ -8,7 +8,6 @@ import ListItemText from '@mui/material/ListItemText';
 import { graphql } from 'react-relay';
 import Skeleton from '@mui/material/Skeleton';
 import * as R from 'ramda';
-import { truncate } from '../../../../utils/String';
 import ItemIcon from '../../../../components/ItemIcon';
 import { deleteNodeFromEdge } from '../../../../utils/store';
 import { useFormatter } from '../../../../components/i18n';
@@ -333,13 +332,9 @@ 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,
-    120,
-  );
+  const defaultDescription = (data) => (data.parent_types.includes('Stix-Cyber-Observable')
+    ? data.x_opencti_description
+    : data.description);
 
   return (
     <>
@@ -393,6 +388,14 @@ const StixCoreRelationshipCreationFromEntityList = ({
                       <ListItemText
                         primary={node.name}
                         secondary={defaultDescription(node)}
+                        sx={{
+                          '.MuiListItemText-primary, .MuiListItemText-secondary': {
+                            overflowX: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            marginRight: '20px',
+                          },
+                        }}
                       />
                     </ListItem>
                   );

diff --git a/...atform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx b/...atform/opencti-front/src/private/components/observations/indicators/IndicatorCreation.tsx
@@ -46,7 +46,7 @@ const useStyles = makeStyles<Theme>((theme) => ({
   createButtonContextual: {
     position: 'fixed',
     bottom: 30,
-    right: 100,
+    right: 30,
     transition: theme.transitions.create('right', {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.enteringScreen,

diff --git a/...ivate/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx b/...ivate/components/observations/stix_cyber_observables/StixCyberObservableAddIndicators.jsx
@@ -100,7 +100,7 @@ class StixCyberObservableAddIndicators extends Component {
               size="large"
               color="primary"
             >
-              <Close fontSize="small" color="primary" />
+              <Close fontSize="small" color="primary"/>
             </IconButton>
             <Typography variant="h6" classes={{ root: classes.title }}>
               {t('Add indicators')}
@@ -134,8 +134,14 @@ class StixCyberObservableAddIndicators extends Component {
               }}
             />
           </div>
+          <div className={classes.createButton}>
+            <IndicatorCreation
+              display={open}
+              contextual
+              paginationOptions={paginationOptions}
+            />
+          </div>
         </Drawer>
-        <IndicatorCreation display={open} contextual paginationOptions={paginationOptions} />
       </>
     );
   }