[frontend] Correct the position of the + button and the size of the d…

…rawer (#9279)
OpenCTI-Platform · Jan 20, 2025 · 0c67c4c · 0c67c4c
1 parent 40a8cdd
commit 0c67c4c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
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
@@ -15,7 +15,6 @@ import IndicatorCreation from '../indicators/IndicatorCreation';
 const styles = (theme) => ({
   drawerPaper: {
     minHeight: '100vh',
-    width: '50%',
     position: 'fixed',
     transition: theme.transitions.create('width', {
       easing: theme.transitions.easing.sharp,
@@ -100,7 +99,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 +133,14 @@ class StixCyberObservableAddIndicators extends Component {
               }}
             />
           </div>
+          <div className={classes.createButton}>
+            <IndicatorCreation
+              display={open}
+              contextual
+              paginationOptions={paginationOptions}
+            />
+          </div>
         </Drawer>
-        <IndicatorCreation display={open} contextual paginationOptions={paginationOptions} />
       </>
     );
   }