From e012d5967d51b5f4251eabd244dc9dd6714f1fb8 Mon Sep 17 00:00:00 2001
From: Naumov Alexey <Iamemptyhuh@gmail.com>
Date: Tue, 28 Dec 2021 14:50:45 +0300
Subject: [PATCH] fix(plugin-object-viewer): CB-1513 don't wrap text in cells

---
 .../src/ObjectPropertiesPage/ObjectPropertyTable/Item.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Item.tsx b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Item.tsx
index 8ef2f962e0..a8a404e4d1 100644
--- a/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Item.tsx
+++ b/webapp/packages/plugin-object-viewer/src/ObjectPropertiesPage/ObjectPropertyTable/Item.tsx
@@ -54,6 +54,12 @@ const itemStyles = css`
     menu-icon {
       padding-right: 8px;
     }
+    menu-name {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      max-width: 500px;
+    }
     TableColumnValue:not(:hover):not([|menuOpened]) {
       & Icon {
         opacity: 0;
@@ -185,7 +191,7 @@ const ItemName = observer<IItemNameProps>(function ItemName({
             <menu-icon><Icon name="snack" viewBox="0 0 16 10" /></menu-icon>
           </ContextMenu>
         )}
-        <menu-name>{name}</menu-name>
+        <menu-name title={name}>{name}</menu-name>
       </menu-box>
     </TableColumnValue>
   );