Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/workbench/contrib/extensions/browser/media/extensionActions.css
5220 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-action-bar .action-item .action-label.extension-action {
7
line-height: initial;
8
overflow: hidden;
9
white-space: nowrap;
10
text-overflow: ellipsis;
11
}
12
13
.monaco-action-bar .action-item > .action-label.extension-action.label,
14
.monaco-action-bar .action-dropdown-item > .action-label.extension-action.label {
15
padding: 0 5px;
16
}
17
18
.monaco-action-bar .action-dropdown-item > .monaco-dropdown .action-label {
19
padding: 0;
20
}
21
22
.monaco-action-bar .action-item .action-label.extension-action.label {
23
outline-offset: 1px;
24
}
25
26
.monaco-action-bar .action-item .action-label.extension-action.text,
27
.monaco-action-bar .action-item .action-label.extension-action.label,
28
.monaco-action-bar .action-dropdown-item .action-label.extension-action.label {
29
width: auto;
30
height: auto;
31
line-height: 14px;
32
}
33
34
.monaco-action-bar .action-item .action-label.extension-action.built-in-status {
35
border-color: var(--vscode-foreground);
36
}
37
38
.monaco-action-bar .action-item .action-label.extension-action.label,
39
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
40
background-color: var(--vscode-extensionButton-background);
41
border: 1px solid var(--vscode-extensionButton-border, transparent);
42
}
43
44
.monaco-action-bar .action-item.action-dropdown-item > .action-label.extension-action.label {
45
border-right-width: 0;
46
}
47
48
.monaco-action-bar .action-item.action-dropdown-item > .monaco-dropdown .action-label.extension-action.label {
49
border-left-width: 0;
50
}
51
52
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
53
border-left-width: 0;
54
border-right-width: 0;
55
}
56
57
.monaco-action-bar .action-item.action-dropdown-item.empty > .action-label.extension-action.label {
58
border-right-width: 1px;
59
}
60
61
.monaco-action-bar .action-item.action-dropdown-item.empty > .action-dropdown-item-separator {
62
display: none;
63
}
64
65
.monaco-list-row.focused .extension-list-item .monaco-action-bar .action-item .action-label.extension-action.label,
66
.monaco-list-row.selected .extension-list-item .monaco-action-bar .action-item .action-label.extension-action.label,
67
.monaco-action-bar .action-item .action-label.extension-action.label {
68
color: var(--vscode-extensionButton-foreground);
69
}
70
71
.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.label:hover {
72
background-color: var(--vscode-extensionButton-hoverBackground);
73
}
74
75
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
76
background-color: var(--vscode-extensionButton-border, var(--vscode-extensionButton-separator));
77
}
78
79
.vscode-high-contrast .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
80
background-color: var(--vscode-button-border);
81
}
82
83
.monaco-action-bar .action-item .action-label.extension-action.label.prominent,
84
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator.prominent {
85
background-color: var(--vscode-extensionButton-prominentBackground);
86
}
87
88
.monaco-action-bar .action-item .action-label.extension-action.label.prominent {
89
color: var(--vscode-extensionButton-prominentForeground) !important;
90
}
91
92
.monaco-action-bar .action-item.action-item:not(.disabled) .action-label.extension-action.label.prominent:hover {
93
background-color: var(--vscode-extensionButton-prominentHoverBackground);
94
}
95
96
.monaco-action-bar .action-item .action-label.extension-action.extension-status-error::before {
97
color: var(--vscode-editorError-foreground);
98
}
99
100
.monaco-action-bar .action-item .action-label.extension-action.extension-status-warning::before {
101
color: var(--vscode-editorWarning-foreground);
102
}
103
104
.monaco-action-bar .action-item .action-label.extension-action.extension-status-info::before {
105
color: var(--vscode-editorInfo-foreground);
106
}
107
108
.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.text,
109
.monaco-action-bar .action-item:not(.disabled) .action-label.extension-action.label,
110
.monaco-action-bar .action-item .action-label.extension-action.icon,
111
.monaco-action-bar .action-dropdown-item .action-label.extension-action.label {
112
margin-top: 2px;
113
/* margin for outline */
114
}
115
116
.monaco-action-bar .action-item.disabled .action-label.extension-action.hide,
117
.monaco-action-bar .action-item.disabled .action-label.extension-action.ignore,
118
.monaco-action-bar .action-item.disabled .action-label.extension-action.undo-ignore,
119
.monaco-action-bar .action-item .action-label.extension-action.install.hide,
120
.monaco-action-bar .action-item.disabled .action-label.extension-action.install-other-server:not(.installing),
121
.monaco-action-bar .action-item.disabled .action-label.extension-action.uninstall:not(.uninstalling),
122
.monaco-action-bar .action-item.disabled .action-label.extension-action.hide-when-disabled,
123
.monaco-action-bar .action-item.disabled .action-label.extension-action.update,
124
.monaco-action-bar .action-item.disabled .action-label.extension-action.migrate,
125
.monaco-action-bar .action-item.disabled .action-label.extension-action.theme,
126
.monaco-action-bar .action-item.disabled .action-label.extension-action.language,
127
.monaco-action-bar .action-item.disabled .action-label.extension-action.extension-sync,
128
.monaco-action-bar .action-item.action-dropdown-item.hide,
129
.monaco-action-bar .action-item.action-dropdown-item .action-label.extension-action.hide,
130
.monaco-action-bar .action-item.disabled .action-label.extension-action.reload,
131
.monaco-action-bar .action-item.disabled .action-label.disable-status.hide,
132
.monaco-action-bar .action-item.disabled .action-label.extension-status.hide,
133
.monaco-action-bar .action-item.disabled .action-label.extension-status-label.hide,
134
.monaco-action-bar .action-item .action-label.extension-action.manage.hide {
135
display: none;
136
}
137
138
.monaco-action-bar .action-item.disabled .action-label.extension-action.label {
139
opacity: 0.4 !important;
140
}
141
142
.monaco-action-bar .action-item.checkbox-action-item.disabled {
143
display: none;
144
}
145
146
.monaco-action-bar .extension-action.label {
147
display: inherit;
148
}
149
150
.monaco-action-bar .action-item.disabled .action-label.extension-status:before {
151
opacity: 1;
152
}
153
154
.monaco-action-bar .action-item.disabled .action-label.extension-status-label:before {
155
content: '\2713';
156
padding-right: 4px;
157
}
158
159
.monaco-action-bar .action-item.disabled .action-label.extension-action {
160
opacity: 1;
161
}
162
163
.monaco-action-bar .action-item.disabled .action-label.extension-action.text {
164
opacity: 0.9;
165
font-style: italic;
166
}
167
168