[CCI] Fix relationships header overflow (opensearch-project#4070)

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

Hide file tree

Showing 3 changed files with 13 additions and 132 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -30,6 +30,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 - [Chore] Update deprecated url methods (url.parse(), url.format()) ([#2910](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/2910))
 - Cleanup unused url ([#3847](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/3847))
+- [Saved Objects Management] Fix relationships header overflow ([#4070](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4070))
 
 ### 🚞 Infrastructure
 

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>