From c71c2cbbb2b7f6d1ea9a96129ea0a066009c742b Mon Sep 17 00:00:00 2001 From: Saketh Varma Date: Tue, 28 Oct 2025 17:00:21 +0530 Subject: [PATCH] Handle overflow --- .../app/entityV2/shared/tabs/Properties/NameColumn.tsx | 9 +++++++-- .../entityV2/shared/tabs/Properties/PropertiesTab.tsx | 2 +- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/datahub-web-react/src/app/entityV2/shared/tabs/Properties/NameColumn.tsx b/datahub-web-react/src/app/entityV2/shared/tabs/Properties/NameColumn.tsx index 4c386edd690ae0..4c22c7df4f1e58 100644 --- a/datahub-web-react/src/app/entityV2/shared/tabs/Properties/NameColumn.tsx +++ b/datahub-web-react/src/app/entityV2/shared/tabs/Properties/NameColumn.tsx @@ -26,14 +26,19 @@ const ChildNameText = styled(Typography.Text)` font-family: Manrope; font-weight: 500; word-wrap: break-word; - display: flex; - align-items: center; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + max-width: 100%; + min-width: 0; `; const NameLabelWrapper = styled.span` display: inline-flex; align-items: center; flex-wrap: wrap; + max-width: 80%; `; const ChildCountText = styled.span` diff --git a/datahub-web-react/src/app/entityV2/shared/tabs/Properties/PropertiesTab.tsx b/datahub-web-react/src/app/entityV2/shared/tabs/Properties/PropertiesTab.tsx index 3de5eebdc27e1e..bc673149d873cd 100644 --- a/datahub-web-react/src/app/entityV2/shared/tabs/Properties/PropertiesTab.tsx +++ b/datahub-web-react/src/app/entityV2/shared/tabs/Properties/PropertiesTab.tsx @@ -82,7 +82,7 @@ export const PropertiesTab = ({ renderType = TabRenderType.DEFAULT, properties } const propertyTableColumns = [ { - width: 210, + width: '40%', title: 'Name', render: (propertyRow: PropertyRow) => , },