[CCI] Fix relationships header overflow (#4070) (#4399)

* Fix relationships header overflow (#3967) * Replace relationships css file with oui classname (#3967) * Make title overflow wrap instead of truncation (#3967) * Remove icon from flyout header and wrap title --------- (cherry picked from commit 6cee1a9) Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com> Signed-off-by: Josh Romero <rmerqg@amazon.com> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Andrey Myssak <andreymyssak@gmail.com> Co-authored-by: Josh Romero <rmerqg@amazon.com>
opensearch-project · Jun 27, 2023 · cb88211 · cb88211
1 parent df7ec23
commit cb88211
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 132 deletions.
diff --git a/...lic/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap b/...lic/management_section/objects_table/components/__snapshots__/relationships.test.tsx.snap
diff --git a/...d_objects_management/public/management_section/objects_table/components/relationships.tsx b/...d_objects_management/public/management_section/objects_table/components/relationships.tsx
@@ -336,18 +336,8 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
     return (
       <EuiFlyout onClose={close}>
         <EuiFlyoutHeader hasBorder>
-          <EuiTitle size="m">
-            <h2>
-              <EuiToolTip position="top" content={getSavedObjectLabel(savedObject.type)}>
-                <EuiIcon
-                  aria-label={getSavedObjectLabel(savedObject.type)}
-                  size="m"
-                  type={savedObject.meta.icon || 'apps'}
-                />
-              </EuiToolTip>
-              &nbsp;&nbsp;
-              {savedObject.meta.title || getDefaultTitle(savedObject)}
-            </h2>
+          <EuiTitle size="m" className="eui-textBreakWord">
+            <h2>{savedObject.meta.title || getDefaultTitle(savedObject)}</h2>
           </EuiTitle>
         </EuiFlyoutHeader>