diff --git a/sparkle/src/components/markdown/CodeBlock.tsx b/sparkle/src/components/markdown/CodeBlock.tsx index babac73234e9..34f489984ca2 100644 --- a/sparkle/src/components/markdown/CodeBlock.tsx +++ b/sparkle/src/components/markdown/CodeBlock.tsx @@ -125,12 +125,13 @@ export function CodeBlock({ style={codeStyle} language={languageToUse} PreTag="div" + className="s-cursor-text" > {String(children).replace(/\n$/, "")} ) : ( - + {children} ); diff --git a/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx b/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx index c46d97a49a5e..bb5d89371375 100644 --- a/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx +++ b/sparkle/src/components/markdown/CodeBlockWithExtendedSupport.tsx @@ -104,7 +104,14 @@ const mermaidStyles = ` /* Base diagram styles */ .mermaid { background: ${palette.slate[50]}; + cursor: default; } + + .mermaid text, + .mermaid .nodeLabel, + .mermaid .edgeLabel, + .mermaid .label { + cursor: text; /* Cluster styles */ .mermaid .cluster rect { diff --git a/sparkle/src/components/markdown/ContentBlockWrapper.tsx b/sparkle/src/components/markdown/ContentBlockWrapper.tsx index 3edffe4cb38b..bb92749a9271 100644 --- a/sparkle/src/components/markdown/ContentBlockWrapper.tsx +++ b/sparkle/src/components/markdown/ContentBlockWrapper.tsx @@ -101,7 +101,7 @@ export function ContentBlockWrapper({
{actions && actions} {getContentToDownload && ( @@ -124,9 +124,7 @@ export function ContentBlockWrapper({ )}
-
- {children} -
+
{children}
); }