Fix relationships header overflow (opensearch-project#3967)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com> Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>
SergeyMyssak · Jun 5, 2023 · f7ca153 · f7ca153
1 parent 487cd36
commit f7ca153
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 11 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,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/..._objects_management/public/management_section/objects_table/components/relationships.scss b/..._objects_management/public/management_section/objects_table/components/relationships.scss
@@ -0,0 +1,5 @@
+.savedObjectsManagementRelationships__title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
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
@@ -49,6 +49,7 @@ import { FormattedMessage } from '@osd/i18n/react';
 import { IBasePath } from 'src/core/public';
 import { getDefaultTitle, getSavedObjectLabel } from '../../../lib';
 import { SavedObjectWithMetadata, SavedObjectRelation } from '../../../types';
+import './relationships.scss';
 
 export interface RelationshipsProps {
   basePath: IBasePath;
@@ -337,7 +338,7 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
       <EuiFlyout onClose={close}>
         <EuiFlyoutHeader hasBorder>
           <EuiTitle size="m">
-            <h2>
+            <h2 className="savedObjectsManagementRelationships__title">
               <EuiToolTip position="top" content={getSavedObjectLabel(savedObject.type)}>
                 <EuiIcon
                   aria-label={getSavedObjectLabel(savedObject.type)}