fix(react-components): incorrect label string for 360 Image in Layers…

… filter and Split window header UI for long string (#4555) * fixed 360 image menu item display name in Layers filter * fixed Split window header UI issue for very long header
cognitedata · May 30, 2024 · 77c1cc6 · 77c1cc6
1 parent 0531899
commit 77c1cc6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts b/react-components/src/components/RevealToolbar/LayersContainer/ModelHandler.ts
@@ -82,7 +82,7 @@ export class Image360CollectionHandler extends ModelHandler {
     private readonly _isCurrentlyEntered: (collection: Image360Collection) => boolean,
     private readonly _exit360Image: () => void
   ) {
-    super(_image360Collection, _image360Collection.id);
+    super(_image360Collection, _image360Collection.label ?? _image360Collection.id);
   }
 
   key(): string {

diff --git a/react-components/src/components/Widgets/WidgetHeader.tsx b/react-components/src/components/Widgets/WidgetHeader.tsx
@@ -75,7 +75,7 @@ const Actions = styled.div<{ align: 'left' | 'right' }>`
 `;
 
 const Content = styled.div`
-  width: 80%;
+  width: 70%;
 `;
 
 const Cell = styled.div`
@@ -95,6 +95,9 @@ const HeaderText = styled(Body)`
   font-size: 14px;
   font-weight: bold;
   line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 
 const StyledIcon = styled(Icon)`