From 983f7d2c4bd9916dcfc1db11a3b1f2f2e01f147e Mon Sep 17 00:00:00 2001
From: Aleksandar Djindjic <djindjic@gmail.com>
Date: Mon, 5 Dec 2022 20:11:39 +0100
Subject: [PATCH] eui-textTruncate on flyout titles

Signed-off-by: Aleksandar Djindjic <djindjic@gmail.com>
---
 .../Flyout/flyouts/__snapshots__/flyouts.test.js.snap     | 3 ++-
 public/components/Flyout/flyouts/alertsDashboard.js       | 8 ++++++--
 .../components/FindingsDashboard/FindingFlyout.js         | 4 ++--
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap b/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
index feb37c570..e48f56595 100644
--- a/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
+++ b/public/components/Flyout/flyouts/__snapshots__/flyouts.test.js.snap
@@ -19,9 +19,10 @@ Object {
     justifyContent="flexStart"
   >
     <EuiFlexItem
-      className="eui-xScrollWithShadows"
+      className="eui-textTruncate"
     >
       <EuiTitle
+        className="eui-textTruncate"
         data-test-subj="alertsDashboardFlyout_header_undefined"
         size="m"
       >
diff --git a/public/components/Flyout/flyouts/alertsDashboard.js b/public/components/Flyout/flyouts/alertsDashboard.js
index e61ecdc3a..db99eb150 100644
--- a/public/components/Flyout/flyouts/alertsDashboard.js
+++ b/public/components/Flyout/flyouts/alertsDashboard.js
@@ -19,8 +19,12 @@ const alertsDashboard = (payload) => {
     headerProps: { hasBorder: true },
     header: (
       <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-        <EuiFlexItem className="eui-xScrollWithShadows">
-          <EuiTitle size={'m'} data-test-subj={`alertsDashboardFlyout_header_${trigger_name}`}>
+        <EuiFlexItem className="eui-textTruncate">
+          <EuiTitle
+            className="eui-textTruncate"
+            size={'m'}
+            data-test-subj={`alertsDashboardFlyout_header_${trigger_name}`}
+          >
             <h3>{`Alerts by ${trigger_name}`}</h3>
           </EuiTitle>
         </EuiFlexItem>
diff --git a/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js b/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
index 11bfbc700..b773523f7 100644
--- a/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
+++ b/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
@@ -107,8 +107,8 @@ export default class FindingFlyout extends Component {
       >
         <EuiFlyoutHeader hasBorder>
           <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-            <EuiFlexItem className="eui-xScrollWithShadows">
-              <EuiTitle size={'m'}>
+            <EuiFlexItem className="eui-textTruncate">
+              <EuiTitle size={'m'} className="eui-textTruncate">
                 <h3 id={findingId || `temp_finding_${docId}`}>Document finding</h3>
               </EuiTitle>
             </EuiFlexItem>