pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-20 04:11:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fixes to markdown wrapping

Browse Source
This commit is contained in:
Matt Rubens
2024-12-17 11:25:50 -05:00
parent 011113dbab
commit 5885a03c8c
1 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
webview-ui/src/components/common/MarkdownBlock.tsx
View File

@@ -54,14 +54,21 @@ const StyledMarkdown = styled.div`
pre { pre {
background-color: ${CODE_BLOCK_BG_COLOR}; background-color: ${CODE_BLOCK_BG_COLOR};
border-radius: 3px; border-radius: 3px;
margin: 13x 0; margin: 13px 0;
padding: 10px 10px; padding: 10px;
max-width: calc(100vw - 20px); max-width: 100%;
overflow-x: auto; white-space: pre-wrap;
overflow-y: hidden; word-break: break-word;
overflow-wrap: break-word;
} }
pre > code { pre > code {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
width: 100%;
display: inline-block;
.hljs-deletion { .hljs-deletion {
background-color: var(--vscode-diffEditor-removedTextBackground); background-color: var(--vscode-diffEditor-removedTextBackground);
display: inline-block; display: inline-block;
@@ -78,7 +85,9 @@ const StyledMarkdown = styled.div`
span.line:empty { span.line:empty {
display: none; display: none;
} }
word-wrap: break-word; white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
border-radius: 3px; border-radius: 3px;
background-color: ${CODE_BLOCK_BG_COLOR}; background-color: ${CODE_BLOCK_BG_COLOR};
font-size: var(--vscode-editor-font-size, var(--vscode-font-size, 12px)); font-size: var(--vscode-editor-font-size, var(--vscode-font-size, 12px));
@@ -116,7 +125,10 @@ const StyledMarkdown = styled.div`
li, li,
ol, ol,
ul { ul {
line-height: 1.25; line-height: 1.4;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
} }
ol, ol,