From 6d02fe11a1befab8ffb3862fe5fca95d037bf2d0 Mon Sep 17 00:00:00 2001
From: Ashish Gupta <ashish@getcollate.io>
Date: Fri, 26 Jan 2024 18:51:00 +0530
Subject: [PATCH] fix overflow of table cell data (#14890)

---
 .../SchemaTable/SchemaTable.component.tsx      | 18 +++++++-----------
 .../ui/src/constants/Task.constant.ts          |  2 +-
 2 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/openmetadata-ui/src/main/resources/ui/src/components/SchemaTable/SchemaTable.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/SchemaTable/SchemaTable.component.tsx
index 5b82852a949..b2c0a76f0cf 100644
--- a/openmetadata-ui/src/main/resources/ui/src/components/SchemaTable/SchemaTable.component.tsx
+++ b/openmetadata-ui/src/main/resources/ui/src/components/SchemaTable/SchemaTable.component.tsx
@@ -313,34 +313,30 @@ const SchemaTable = ({
         dataIndex: 'name',
         key: 'name',
         accessor: 'name',
-        width: 180,
+        width: 200,
         fixed: 'left',
         render: (name: Column['name'], record: Column) => {
           const { displayName } = record;
 
           return (
-            <div className="d-inline-flex flex-column hover-icon-group">
-              <div className="inline">
+            <div className="d-inline-flex flex-column hover-icon-group w-max-90">
+              <div className="d-inline-flex items-baseline">
                 {prepareConstraintIcon({
                   columnName: name,
                   columnConstraint: record.constraint,
                   tableConstraints,
                 })}
-                {/* If we do not have displayName name only be shown in the bold from the below code */}
-
                 <Typography.Text
-                  className="m-b-0 d-block text-grey-muted"
-                  data-testid="column-name"
-                  ellipsis={{ tooltip: true }}>
+                  className="m-b-0 d-block text-grey-muted break-word"
+                  data-testid="column-name">
                   {name}
                 </Typography.Text>
               </div>
               {!isEmpty(displayName) ? (
                 // It will render displayName fallback to name
                 <Typography.Text
-                  className="m-b-0 d-block"
-                  data-testid="column-display-name"
-                  ellipsis={{ tooltip: true }}>
+                  className="m-b-0 d-block break-word"
+                  data-testid="column-display-name">
                   {getEntityName(record)}
                 </Typography.Text>
               ) : null}
diff --git a/openmetadata-ui/src/main/resources/ui/src/constants/Task.constant.ts b/openmetadata-ui/src/main/resources/ui/src/constants/Task.constant.ts
index 9ffb341a431..9566b1c13b1 100644
--- a/openmetadata-ui/src/main/resources/ui/src/constants/Task.constant.ts
+++ b/openmetadata-ui/src/main/resources/ui/src/constants/Task.constant.ts
@@ -22,5 +22,5 @@ export const TASK_TYPES = {
     'message.request-test-case-failure-resolution-message'
   ),
   RequestApproval: i18n.t('message.request-approval-message'),
-  Generic: i18n.t('message.generic-message'),
+  Generic: i18n.t('message.request-tags-message'),
 };