twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-22 03:17:40 +03:00
Code Issues Packages Projects Releases Wiki Activity

Set white-space nowrap for table cells (#8568)

Browse Source 
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
This commit is contained in:
Khuddite 2024-11-20 00:44:37 +08:00 committed by GitHub
parent ac72f8a271
commit eeb4f2d329
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableCellDisplayContainer.tsx
View File

@ -1,5 +1,5 @@
import { Ref } from 'react';
import { styled } from '@linaria/react'; import { styled } from '@linaria/react';
import { Ref } from 'react';
const StyledOuterContainer = styled.div<{ const StyledOuterContainer = styled.div<{
hasSoftFocus?: boolean; hasSoftFocus?: boolean;
@ -18,7 +18,7 @@ const StyledInnerContainer = styled.div`
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
flex-wrap: wrap; white-space: nowrap;
`; `;
export type EditableCellDisplayContainerProps = { export type EditableCellDisplayContainerProps = {