diff --git a/src/vs/workbench/contrib/chat/browser/chatListRenderer.ts b/src/vs/workbench/contrib/chat/browser/chatListRenderer.ts index 37ffbe74bdc..11b6a131552 100644 --- a/src/vs/workbench/contrib/chat/browser/chatListRenderer.ts +++ b/src/vs/workbench/contrib/chat/browser/chatListRenderer.ts @@ -3,7 +3,6 @@ * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ -import 'vs/css!./chatListRenderer'; import * as dom from 'vs/base/browser/dom'; import { IActionViewItemOptions } from 'vs/base/browser/ui/actionbar/actionViewItems'; import { AriaRole } from 'vs/base/browser/ui/aria/aria'; @@ -969,9 +968,6 @@ class TreePool extends Disposable { const resourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility }); const container = $('.interactive-response-progress-tree'); - container.style.margin = '16px 0px'; - container.style.borderRadius = '4px'; - container.style.border = '1px solid var(--vscode-input-border, transparent)'; createFileIconThemableTreeContainerScope(container, this.themeService); const tree = >this.instantiationService.createInstance( diff --git a/src/vs/workbench/contrib/chat/browser/media/chat.css b/src/vs/workbench/contrib/chat/browser/media/chat.css index 8b843fa5da9..a67ffb6896b 100644 --- a/src/vs/workbench/contrib/chat/browser/media/chat.css +++ b/src/vs/workbench/contrib/chat/browser/media/chat.css @@ -428,3 +428,17 @@ } /* #endregion */ + +.interactive-response-progress-tree .monaco-tl-row:hover { + background-color: var(--vscode-list-hoverBackground); +} + +.interactive-response-progress-tree { + margin: 16px 0px; + border-radius: 4px; + border: 1px solid var(--vscode-input-border, transparent); +} + +.interactive-response-progress-tree.focused { + border-color: var(--vscode-focusBorder, transparent); +}