fix: update flyout width

elastic · Jul 1, 2024 · 78662ba · 78662ba
1 parent a5aea78
commit 78662ba
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/...lugins/security_solution/public/timelines/components/timeline/properties/notes_flyout.tsx b/...lugins/security_solution/public/timelines/components/timeline/properties/notes_flyout.tsx
@@ -33,6 +33,11 @@ export type NotesFlyoutProps = {
  * Timeline Modal as they both have same z-index of 1000
  */
 const NotesFlyoutContainer = styled(EuiFlyout)`
+  /*
+  * We want the width of flyout to be less than 50% of screen because
+  * otherwise it interferes with the delete notes modal
+  * */
+  width: 30%;
   z-index: ${(props) =>
     ((props.theme as EuiTheme).eui.euiZFlyout.toFixed() ?? 1000) + 2} !important;
 `;