eui-textTruncate on flyout titles

Signed-off-by: Aleksandar Djindjic <[email protected]>
opensearch-project · Dec 5, 2022 · 983f7d2 · 983f7d2
1 parent c913383
commit 983f7d2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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>