From eeb4f2d32903d60f6cc6dfff09cdabce96f3d313 Mon Sep 17 00:00:00 2001
From: Khuddite <62555977+khuddite@users.noreply.github.com>
Date: Wed, 20 Nov 2024 00:44:37 +0800
Subject: [PATCH] Set white-space nowrap for table cells (#8568)

Fixes: #8552

1. Summary
It seems table cell content is missing `white-space: nowrap`, so it
breaks the content into multiple lines when there are spaces or such.

2. Solution
Set `white-space: nowrap` for the table cell container so it always
takes a single line regardless of the length of the content.

3. Recording


https://github.com/user-attachments/assets/a42a2e80-d1fc-43b1-bf87-d52bf0367a88
---
 .../components/RecordTableCellDisplayContainer.tsx            | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx
index 84a332a62f..9197022f87 100644
--- a/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx
@@ -1,5 +1,5 @@
-import { Ref } from 'react';
 import { styled } from '@linaria/react';
+import { Ref } from 'react';
 
 const StyledOuterContainer = styled.div<{
   hasSoftFocus?: boolean;
@@ -18,7 +18,7 @@ const StyledInnerContainer = styled.div`
   height: 100%;
   overflow: hidden;
   width: 100%;
-  flex-wrap: wrap;
+  white-space: nowrap;
 `;
 
 export type EditableCellDisplayContainerProps = {