Fix relationships header overflow (#3967)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com> Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>
opensearch-project · May 20, 2023 · cd5eea6 · cd5eea6
1 parent e737790
commit cd5eea6
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 11 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/..._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)}