Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2024-10-27 20:44:07 +00:00
Code Issues Projects Releases Wiki Activity

(core) Break overflowing text

Browse Source 
Summary: Text could overflow its container in a few instances.

Test Plan: Manual.

Reviewers: jarek

Reviewed By: jarek

Differential Revision: https://phab.getgrist.com/D4231
This commit is contained in:
George Gevoian 2024-04-12 10:00:05 -07:00
parent 86062a8c28
commit 8c53585bd7
3 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/client/components/FormRendererCss.ts
View File

@ -12,6 +12,8 @@ export const label = styled('div', `
`); `);
export const paragraph = styled('div', ` export const paragraph = styled('div', `
overflow-wrap: break-word;
&-alignment-left { &-alignment-left {
text-align: left; text-align: left;
} }
@ -176,6 +178,7 @@ export const field = styled('div', `
margin-top: 8px; margin-top: 8px;
margin-bottom: 8px; margin-bottom: 8px;
display: block; display: block;
overflow-wrap: break-word;
} }
`); `);

4
app/client/components/Forms/styles.ts
View File

@ -133,6 +133,8 @@ export const cssQuestion = styled('div', `
export const cssRequiredWrapper = styled('div', ` export const cssRequiredWrapper = styled('div', `
margin: 8px 0px; margin: 8px 0px;
min-height: 16px; min-height: 16px;
overflow-wrap: break-word;
&-required { &-required {
display: grid; display: grid;
grid-template-columns: auto 1fr; grid-template-columns: auto 1fr;
@ -426,6 +428,8 @@ export const cssSmallButton = styled(basicButton, `
export const cssMarkdownRendered = styled('div', ` export const cssMarkdownRendered = styled('div', `
min-height: 1.5rem; min-height: 1.5rem;
font-size: 15px; font-size: 15px;
overflow-wrap: break-word;
& textarea { & textarea {
font-size: 15px; font-size: 15px;
} }

1
app/client/ui2018/modals.ts
View File

@ -618,6 +618,7 @@ export const cssModalTitle = styled('div', `
export const cssModalBody = styled('div', ` export const cssModalBody = styled('div', `
color: ${theme.text}; color: ${theme.text};
margin: 16px 0; margin: 16px 0;
overflow-wrap: break-word;
`); `);
export const cssModalButtons = styled('div', ` export const cssModalButtons = styled('div', `