mirror of
https://github.com/RooVetGit/Roo-Code.git
synced 2026-08-28 05:27:24 +00:00
feat: enhance subtask button visibility with prominent link styling
Make the "View task" / "Go to subtask" buttons in ChatRow more visually prominent by using the VSCode link color with a subtle background, replacing the previous muted description foreground color that was barely visible. Changes: - ChatRow.tsx: Updated both "Go to subtask" buttons (newTask tool and subtask_result) to use text-vscode-textLink-foreground with a bg-vscode-textLink-foreground/10 background, font-medium weight, padding, and rounded corners for a button-like appearance - index.css: Added --color-vscode-textLink-activeForeground CSS variable for hover state support Addresses #12358
This commit is contained in:
parent
e921f9d21e
commit
058ffc2ba0
2 changed files with 3 additions and 2 deletions
|
|
@ -872,7 +872,7 @@ export const ChatRowContent = ({
|
|||
<div>
|
||||
{childTaskId && !isFollowedBySubtaskResult && (
|
||||
<button
|
||||
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
|
||||
className="cursor-pointer flex gap-1 items-center mt-2 px-2 py-1 rounded text-vscode-textLink-foreground hover:text-vscode-textLink-activeForeground bg-vscode-textLink-foreground/10 hover:bg-vscode-textLink-foreground/20 font-medium transition-colors"
|
||||
onClick={() =>
|
||||
vscode.postMessage({ type: "showTaskWithId", text: childTaskId })
|
||||
}>
|
||||
|
|
@ -1032,7 +1032,7 @@ export const ChatRowContent = ({
|
|||
<MarkdownBlock markdown={message.text} />
|
||||
{completedChildTaskId && (
|
||||
<button
|
||||
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
|
||||
className="cursor-pointer flex gap-1 items-center mt-2 px-2 py-1 rounded text-vscode-textLink-foreground hover:text-vscode-textLink-activeForeground bg-vscode-textLink-foreground/10 hover:bg-vscode-textLink-foreground/20 font-medium transition-colors"
|
||||
onClick={() =>
|
||||
vscode.postMessage({ type: "showTaskWithId", text: completedChildTaskId })
|
||||
}>
|
||||
|
|
|
|||
|
|
@ -139,6 +139,7 @@
|
|||
--color-vscode-widget-shadow: var(--vscode-widget-shadow);
|
||||
|
||||
--color-vscode-textLink-foreground: var(--vscode-textLink-foreground);
|
||||
--color-vscode-textLink-activeForeground: var(--vscode-textLink-activeForeground);
|
||||
|
||||
--color-vscode-textCodeBlock-background: var(--vscode-textCodeBlock-background);
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue