Fix focused chat response file tree border color

This commit is contained in:
Joyce Er
2023-08-14 12:01:39 -07:00
parent ecb24a54a0
commit d1bde5bd70
2 changed files with 14 additions and 4 deletions
@@ -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 = <WorkbenchCompressibleAsyncDataTree<IChatResponseProgressFileTreeData, IChatResponseProgressFileTreeData>>this.instantiationService.createInstance(
@@ -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);
}