From fb42854e30252db452e8910ca8ed513ef627d7ce Mon Sep 17 00:00:00 2001 From: Johannes Rieken Date: Thu, 8 Jan 2026 16:53:20 +0100 Subject: [PATCH] tweak inline chat styles, no input border (#286550) --- .../inlineChat/browser/media/inlineChat.css | 104 +----------------- 1 file changed, 3 insertions(+), 101 deletions(-) diff --git a/src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css b/src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css index 83aa2b47e3e..fcdb9a19960 100644 --- a/src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css +++ b/src/vs/workbench/contrib/inlineChat/browser/media/inlineChat.css @@ -100,11 +100,8 @@ } .interactive-session .chat-input-container { - border-color: var(--vscode-input-border, transparent); - } - - .interactive-session .chat-input-container:focus-within { - border-color: var(--vscode-input-border, transparent); + border-color: transparent; + padding-left: 0; } .chat-attachments-container > .chat-input-toolbar { @@ -236,27 +233,7 @@ line-height: 18px; } -.monaco-workbench .inline-chat .status .rerun { - display: inline-flex; -} - -.monaco-workbench .inline-chat .status .rerun:not(:empty) { - padding-top: 8px; - padding-left: 4px; -} - -.monaco-workbench .inline-chat .status .rerun .agentOrSlashCommandDetected A { - cursor: pointer; - color: var(--vscode-textLink-foreground); -} - -.monaco-workbench .inline-chat .interactive-item-container.interactive-response .detail-container .detail .agentOrSlashCommandDetected, -.monaco-workbench .inline-chat .interactive-item-container.interactive-response .detail-container .chat-animated-ellipsis { - display: none; -} - -.monaco-workbench .inline-chat .status .actions, -.monaco-workbench .inline-chat-diff-overlay { +.monaco-workbench .inline-chat .status .actions { display: flex; height: 18px; @@ -307,31 +284,6 @@ display: inherit; } -.monaco-workbench .inline-chat-diff-overlay { - - .monaco-button { - border-radius: 0; - } - - .monaco-button.secondary.checked { - background-color: var(--vscode-button-secondaryHoverBackground); - } - - .monaco-button:first-child { - border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - } - - .monaco-button:last-child { - border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - } - - .monaco-button:not(:last-child) { - border-right: 1px solid var(--vscode-button-foreground); - } -} - .monaco-workbench .inline-chat .status .disclaimer { a { color: var(--vscode-textLink-foreground); @@ -354,57 +306,7 @@ background-color: var(--vscode-button-hoverBackground); } -/* accessible diff viewer */ -.monaco-workbench .inline-chat .diff-review { - padding: 4px 6px; - background-color: unset; -} - -.monaco-workbench .inline-chat .diff-review.hidden { - display: none; -} - -/* decoration styles */ - -.monaco-workbench .inline-chat-inserted-range { - background-color: var(--vscode-inlineChatDiff-inserted); -} - -.monaco-workbench .inline-chat-inserted-range-linehighlight { - background-color: var(--vscode-diffEditor-insertedLineBackground); -} - -.monaco-workbench .inline-chat-original-zone2 { - background-color: var(--vscode-diffEditor-removedLineBackground); - opacity: 0.8; -} - -.monaco-workbench .inline-chat-lines-inserted-range { - background-color: var(--vscode-diffEditor-insertedTextBackground); -} - -/* gutter decoration */ - -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque, -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent { - display: block; - cursor: pointer; - transition: opacity .2s ease-in-out; -} - -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque { - opacity: 0.5; -} - -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent { - opacity: 0; -} - -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque:hover, -.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent:hover { - opacity: 1; -} .monaco-workbench .inline-chat .chat-attached-context { padding: 2px 0px;