fix cypress tests, overflow on flyout title

Signed-off-by: Aleksandar Djindjic <[email protected]>
opensearch-project · Dec 2, 2022 · de66fc4 · de66fc4
1 parent b87a874
commit de66fc4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/public/components/Flyout/flyouts/alertsDashboard.js b/public/components/Flyout/flyouts/alertsDashboard.js
@@ -19,13 +19,19 @@ const alertsDashboard = (payload) => {
     headerProps: { hasBorder: true },
     header: (
       <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-        <EuiFlexItem>
+        <EuiFlexItem className="eui-xScrollWithShadows">
           <EuiTitle size={'m'} data-test-subj={`alertsDashboardFlyout_header_${trigger_name}`}>
             <h3>{`Alerts by ${trigger_name}`}</h3>
           </EuiTitle>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButtonIcon iconType="cross" display="empty" iconSize="m" onClick={closeFlyout} />
+          <EuiButtonIcon
+            data-test-subj={`alertsDashboardFlyout_closeButton_${trigger_name}`}
+            iconType="cross"
+            display="empty"
+            iconSize="m"
+            onClick={closeFlyout}
+          />
         </EuiFlexItem>
       </EuiFlexGroup>
     ),

diff --git a/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js b/public/pages/Dashboard/components/FindingsDashboard/FindingFlyout.js
@@ -107,7 +107,7 @@ export default class FindingFlyout extends Component {
       >
         <EuiFlyoutHeader hasBorder>
           <EuiFlexGroup justifyContent="flexStart" alignItems="center">
-            <EuiFlexItem>
+            <EuiFlexItem className="eui-xScrollWithShadows">
               <EuiTitle size={'m'}>
                 <h3 id={findingId || `temp_finding_${docId}`}>Document finding</h3>
               </EuiTitle>