Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/sessions/browser/parts/media/auxiliaryBarPart.css
13399 views
1
/*---------------------------------------------------------------------------------------------

2
 *  Copyright (c) Microsoft Corporation. All rights reserved.

3
 *  Licensed under the MIT License. See License.txt in the project root for license information.

4
 *--------------------------------------------------------------------------------------------*/

5


6
/* ===== Modern action label styling for sessions auxiliary bar ===== */

7


8
/* Base label: lowercase text + heavier weight + pill padding */

9
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.icon) .action-label {

10
	text-transform: capitalize;

11
	font-weight: 500;

12
	border-radius: 4px;

13
	padding: 0px 8px;

14
	font-size: 12px;

15
	line-height: 22px;

16
}

17


18
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item {

19
	padding-left: 0;

20
	padding-right: 0;

21
}

22


23
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .badge {

24
	margin-left: -4px;

25
	padding-right: 6px;

26
}

27


28
.agent-sessions-workbench .part.auxiliarybar > .title {

29
	padding-left: 4px;

30
	padding-right: 2px;

31
	background-color: var(--vscode-agentsPanel-background);

32
}

33


34
/* Hide the underline indicator for non-focused items, but keep it for keyboard focus */

35
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(:focus-visible) .active-item-indicator:before {

36
	display: none !important;

37
}

38
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus-visible .active-item-indicator:before {

39
	display: block !important;

40
}

41


42
/* Active/checked state: background container instead of underline */

43
.agent-sessions-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked {

44
	background-color: color-mix(in srgb, var(--vscode-agentsPanel-foreground, var(--vscode-foreground)) 5%, transparent) !important;

45
	border-radius: 4px;

46
}

47


48
/* Override base workbench monaco editor background in auxiliary bar content */

49
.agent-sessions-workbench .part.auxiliarybar > .content .monaco-editor,

50
.agent-sessions-workbench .part.auxiliarybar > .content .monaco-editor .margin,

51
.agent-sessions-workbench .part.auxiliarybar > .content .monaco-editor .monaco-editor-background {

52
	background-color: var(--vscode-agentsPanel-background);

53
}

54


55