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
5349 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
	outline-offset: 2px;

49
}

50


51
.hc-black .monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,

52
.hc-black .monaco-workbench .part.auxiliarybar > .header-or-footer > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,

53
.hc-light .monaco-workbench .part.auxiliarybar > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,

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

55
	border-radius: 0px;

56
}

57


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

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

60
	position: absolute;

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

62
}

63


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

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

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

67
}

68


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

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

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

72
}

73


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

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

76
	border-bottom-color: var(--vscode-activityBarTop-activeBorder) !important;

77
}

78


79
.monaco-workbench .part.auxiliarybar > .title > .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:focus .action-label {

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

82
}

83


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

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

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

87
}

88


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

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

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

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

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

94
}

95


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

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

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

99
}

100


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

102
	flex: inherit;

103
}

104


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

106
	max-width: 150px;

107
}

108


109