Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/workbench/browser/parts/auxiliarybar/media/auxiliaryBarPart.css
3296 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
.monaco-workbench.noauxiliarybar .part.auxiliarybar {

7
	display: none !important;

8
	visibility: hidden !important;

9
}

10


11
.monaco-workbench .part.auxiliarybar > .content .monaco-editor,

12
.monaco-workbench .part.auxiliarybar > .content .monaco-editor .margin,

13
.monaco-workbench .part.auxiliarybar > .content .monaco-editor .monaco-editor-background {

14
	background-color: var(--vscode-sideBar-background);

15
}

16


17
.monaco-workbench .part.auxiliarybar .title-actions .actions-container {

18
	justify-content: flex-end;

19
}

20


21
.monaco-workbench .part.auxiliarybar .title-actions .action-item {

22
	margin-right: 4px;

23
}

24


25
.monaco-workbench .part.auxiliarybar > .title {

26
	background-color: var(--vscode-sideBarTitle-background);

27
}

28


29
.monaco-workbench .part.auxiliarybar > .title > .title-label {

30
	flex: 1;

31
}

32


33
.monaco-workbench .part.auxiliarybar > .title > .title-label h2 {

34
	text-transform: uppercase;

35
}

36


37
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container {

38
	flex: 1;

39
}

40


41
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus,

42
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus {

43
	outline: 0 !important; /* activity bar indicates focus custom */

44
}

45


46
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,

47
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {

48
	border-radius: 0px;

49
	outline-offset: 2px;

50
}

51


52
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before,

53
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before {

54
	position: absolute;

55
	left: 5px; /* place icon in center */

56
}

57


58
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,

59
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {

60
	border-top-color: var(--vscode-panelTitle-activeBorder) !important;

61
}

62


63
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,

64
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {

65
	border-top-color: var(--vscode-activityBarTop-activeBorder) !important;

66
}

67


68
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,

69
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {

70
	color: var(--vscode-sideBarTitle-foreground) !important;

71
}

72


73
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,

74
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {

75
	color: var(--vscode-activityBarTop-foreground) !important;

76
}

77


78
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,

79
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,

80
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,

81
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label {

82
	outline: var(--vscode-contrastActiveBorder, unset) solid 1px !important;

83
}

84


85
.monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label,

86
.monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label {

87
	outline: var(--vscode-contrastActiveBorder, unset) dashed 1px !important;

88
}

89


90
.monaco-workbench .auxiliarybar.part.pane-composite-part > .composite.title > .title-actions {

91
	flex: inherit;

92
}

93


94
.monaco-workbench .auxiliarybar.pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item {

95
	max-width: 150px;

96
}

97


98