Skip to content

Commit

Permalink
Set white-space nowrap for table cells (twentyhq#8568)
Browse files Browse the repository at this point in the history
Fixes: twentyhq#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
  • Loading branch information
khuddite authored and BKM14 committed Nov 20, 2024
1 parent ad0d0db commit 3cd835d
Showing 1 changed file with 2 additions and 2 deletions.
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import { Ref } from 'react';
import { styled } from '@linaria/react';
import { Ref } from 'react';

const StyledOuterContainer = styled.div<{
hasSoftFocus?: boolean;
Expand All @@ -18,7 +18,7 @@ const StyledInnerContainer = styled.div`
height: 100%;
overflow: hidden;
width: 100%;
flex-wrap: wrap;
white-space: nowrap;
`;

export type EditableCellDisplayContainerProps = {
Expand Down

0 comments on commit 3cd835d

Please sign in to comment.