pacnpal/Roo-Code
1
0
Fork 0
mirror of https://github.com/pacnpal/Roo-Code.git synced 2025-12-21 12:51:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #162 from RooVetGit/chat_style_fixes

Browse Source 
Chat style fixes
This commit is contained in:
Matt Rubens
2024-12-17 22:58:52 -05:00
committed by GitHub
parent eaa5f7b4eb 496de0d8cb
commit d4634fc260
2 changed files with 12 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/eight-items-unite.md Normal file
View File

@@ -0,0 +1,5 @@
---
"roo-cline": patch
---
More targeted styling fix for gemini chats

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

@@ -54,21 +54,15 @@ 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: 13px 0; margin: 13x 0;
padding: 10px; padding: 10px 10px;
max-width: 100%; max-width: calc(100vw - 20px);
overflow-x: auto;
overflow-y: hidden;
white-space: pre-wrap; white-space: pre-wrap;
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;
@@ -85,9 +79,7 @@ const StyledMarkdown = styled.div`
span.line:empty { span.line:empty {
display: none; display: none;
} }
white-space: pre-wrap; word-wrap: break-word;
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));
@@ -125,10 +117,7 @@ const StyledMarkdown = styled.div`
li, li,
ol, ol,
ul { ul {
line-height: 1.4; line-height: 1.25;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
} }
ol, ol,