ui-fixes-190 (#10636)

PavelLaptev · web-flow · commit 007f6b817b91 · 2025-10-13T19:44:25.000Z
* fix(ui): correct misspelled 'transparent' in pre scrollbar styles

* fix(ui): sticking code blocks
diff --git a/apps/desktop/src/components/codegen/CodegenToolCall.svelte b/apps/desktop/src/components/codegen/CodegenToolCall.svelte
@@ -142,6 +142,8 @@
 
 	.tool-call-content :global(pre) {
 		margin: 0;
+		padding-bottom: 0px;
+		overflow-x: scroll;
 	}
 
 	/* STANDALONE MODE */
diff --git a/packages/ui/src/styles/sharable/markdown.css b/packages/ui/src/styles/sharable/markdown.css
@@ -73,9 +73,11 @@
 	}
 
 	.markdown pre {
-		margin: 1em 0;
-		padding: 1em;
-		overflow: auto;
+		margin-bottom: 16px;
+		padding: 16px;
+		padding-bottom: 0;
+		overflow-x: scroll;
+		overflow-y: auto;
 		border: 1px solid var(--clr-border-3);
 		border-radius: var(--radius-m);
 		background-color: var(--clr-bg-2);
diff --git a/packages/ui/src/styles/utility/helpers.css b/packages/ui/src/styles/utility/helpers.css
@@ -13,11 +13,11 @@
 pre {
 	&::-webkit-scrollbar {
 		width: 14px;
-		background-color: transaparent;
+		background-color: transparent;
 	}
 
 	&::-webkit-scrollbar-track {
-		background-color: transaparent;
+		background-color: transparent;
 	}
 
 	&::-webkit-scrollbar-thumb {

Original file line number	Diff line number	Diff line change
`@@ -13,11 +13,11 @@`
`13`	`13`	`pre {`
`14`	`14`	`&::-webkit-scrollbar {`
`15`	`15`	`width: 14px;`
`16`		`- background-color: transaparent;`
	`16`	`+ background-color: transparent;`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`&::-webkit-scrollbar-track {`
`20`		`- background-color: transaparent;`
	`20`	`+ background-color: transparent;`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`&::-webkit-scrollbar-thumb {`