Skip to content
This repository was archived by the owner on May 15, 2026. It is now read-only.

Commit 058ffc2

Browse files
committed
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
1 parent e921f9d commit 058ffc2

2 files changed

Lines changed: 3 additions & 2 deletions

File tree

webview-ui/src/components/chat/ChatRow.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -872,7 +872,7 @@ export const ChatRowContent = ({
872872
<div>
873873
{childTaskId && !isFollowedBySubtaskResult && (
874874
<button
875-
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
875+
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"
876876
onClick={() =>
877877
vscode.postMessage({ type: "showTaskWithId", text: childTaskId })
878878
}>
@@ -1032,7 +1032,7 @@ export const ChatRowContent = ({
10321032
<MarkdownBlock markdown={message.text} />
10331033
{completedChildTaskId && (
10341034
<button
1035-
className="cursor-pointer flex gap-1 items-center mt-2 text-vscode-descriptionForeground hover:text-vscode-descriptionForeground hover:underline font-normal"
1035+
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"
10361036
onClick={() =>
10371037
vscode.postMessage({ type: "showTaskWithId", text: completedChildTaskId })
10381038
}>

webview-ui/src/index.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,7 @@
139139
--color-vscode-widget-shadow: var(--vscode-widget-shadow);
140140

141141
--color-vscode-textLink-foreground: var(--vscode-textLink-foreground);
142+
--color-vscode-textLink-activeForeground: var(--vscode-textLink-activeForeground);
142143

143144
--color-vscode-textCodeBlock-background: var(--vscode-textCodeBlock-background);
144145

0 commit comments

Comments
 (0)