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
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

View File

@ -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 = {