[CCI] Fix relationships header overflow (#4070)

* Fix relationships header overflow (#3967) Co-authored-by: Andrey Myssak <[email protected]> Signed-off-by: Sergey Myssak <[email protected]> * Replace relationships css file with oui classname (#3967) Co-authored-by: Andrey Myssak <[email protected]> Signed-off-by: Sergey Myssak <[email protected]> * Make title overflow wrap instead of truncation (#3967) Co-authored-by: Andrey Myssak <[email protected]> Signed-off-by: Sergey Myssak <[email protected]> * Remove icon from flyout header and wrap title Signed-off-by: Josh Romero <[email protected]> --------- Signed-off-by: Sergey Myssak <[email protected]> Signed-off-by: Josh Romero <[email protected]> Co-authored-by: Andrey Myssak <[email protected]> Co-authored-by: Josh Romero <[email protected]>
opensearch-project · 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>