CoCalc -- extension.css

GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/workbench/contrib/extensions/browser/media/extension.css
⁵²⁶³ 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
.extension-bookmark-container {
7
	position: relative;
8
}
9

10
.extension-bookmark-container > .extension-bookmark {
11
	position: absolute;
12
}
13

14
.extension-list-item {
15
	box-sizing: border-box;
16
	width: 100%;
17
	height: 100%;
18
	padding: 0 0 0 16px;
19
	overflow: hidden;
20
	display: flex;
21
}
22

23
.extension-list-item > .icon-container {
24
	position: relative;
25
	display: flex;
26
	align-items: center;
27
}
28

29
.extension-list-item > .icon-container .extension-badge {
30
	position: absolute;
31
	bottom: 10px;
32
	left: -8px;
33
}
34

35
.extension-list-item > .icon-container .extension-badge.extension-icon-badge {
36
	width: 22px;
37
	height: 22px;
38
	line-height: 22px;
39
	border-radius: 20px;
40
	right: 5px;
41
	display: flex;
42
	align-items: center;
43
	justify-content: center;
44
}
45

46
.extension-list-item > .icon-container .extension-icon-badge .codicon {
47
	color: currentColor;
48
}
49

50
.extension-list-item > .details {
51
	flex: 1;
52
	display: flex;
53
	overflow: hidden;
54
	flex-direction: column;
55
	justify-content: center;
56
}
57

58
.extension-list-item > .details > .header-container {
59
	height: 19px;
60
	display: flex;
61
	overflow: hidden;
62
	padding-right: 11px;
63
}
64

65
.extension-list-item > .details > .header-container > .header {
66
	display: flex;
67
	align-items: center;
68
	flex-wrap: nowrap;
69
	overflow: hidden;
70
	flex: 1;
71
	min-width: 0;
72
}
73

74
.extension-list-item > .details > .header-container > .header > .name {
75
	font-weight: bold;
76
	flex: 1;
77
	white-space: nowrap;
78
	text-overflow: ellipsis;
79
	overflow: hidden;
80
}
81

82
.extension-list-item.deprecated > .details > .header-container > .header > .name {
83
	text-decoration: line-through;
84
}
85

86
.extension-list-item > .details > .header-container > .header > .activation-status,
87
.extension-list-item > .details > .header-container > .header > .install-count,
88
.extension-list-item > .details > .header-container > .header .extension-kind-indicator,
89
.extension-list-item > .details > .header-container > .header > .ratings {
90
	display: flex;
91
	align-items: center;
92
}
93

94
.extension-list-item > .details > .header-container > .header .extension-kind-indicator {
95
	font-size: 11px;
96
	margin-left: 4px;
97
}
98

99
.extension-list-item > .details > .header-container > .header > .install-count:not(:empty) {
100
	font-size: 11px;
101
	margin: 0 6px;
102
}
103

104
.extension-list-item > .details > .header-container > .header > .activation-status:not(:empty) {
105
	font-size: 11px;
106
	margin-left: 2px;
107
}
108

109
.extension-list-item > .details > .header-container > .header > .activation-status .activationTime,
110
.extension-list-item > .details > .header-container > .header > .activation-status:not(:empty) .codicon {
111
	margin-right: 2px;
112
}
113

114
.extension-list-item > .details > .header-container > .header .codicon {
115
	margin-right: 2px;
116
	-webkit-mask: inherit;
117
}
118

119
.extension-list-item > .details > .header-container > .header > .ratings {
120
	text-align: right;
121
}
122

123
.extension-list-item > .details > .header-container > .header .extension-icon-badge .codicon {
124
	margin-right: 0;
125
}
126

127
.extension-list-item > .details > .header-container > .header .extension-icon-badge {
128
	width: 14px;
129
	height: 14px;
130
	line-height: 14px;
131
	border-radius: 20px;
132
	text-align: center;
133
	display: flex;
134
	align-items: center;
135
	justify-content: center;
136
}
137

138
.extension-list-item > .details > .header-container > .header .extension-icon-badge > .codicon {
139
	font-size: 12px;
140
	color: currentColor;
141
}
142

143
.extension-list-item > .details > .header-container > .header .sync-ignored {
144
	display: flex;
145
}
146

147
.extension-list-item > .details > .header-container > .header .sync-ignored > .codicon {
148
	font-size: 100%;
149
}
150

151
.extension-list-item > .details > .description {
152
	padding-right: 11px;
153
	line-height: normal;
154
	color: var(--vscode-descriptionForeground);
155
}
156

157
.monaco-list-row.selected .extension-list-item > .details > .description{
158
	color: unset;
159
}
160

161
.hc-black .extension-list-item > .details > .description,
162
.hc-light .extension-list-item > .details > .description {
163
	color: unset;
164
}
165

166
.extension-list-item > .details > .footer {
167
	display: flex;
168
	justify-content: flex-end;
169
	padding-right: 7px;
170
	height: 24px;
171
	overflow: hidden;
172
	align-items: center;
173
}
174

175
.extension-list-item > .details > .footer > .publisher-container {
176
	flex: 1;
177
	line-height: 24px;
178
}
179

180
.extension-list-item > .details > .footer .publisher {
181
	display: flex;
182
	align-items: center;
183
}
184

185
.extension-list-item > .details > .footer .publisher > .publisher-name {
186
	font-size: 90%;
187
	color: var(--vscode-descriptionForeground);
188
	font-weight: 600;
189
}
190

191
.monaco-list-row.selected .extension-list-item > .details > .footer .publisher > .publisher-name{
192
	color: unset;
193
}
194

195
.extension-list-item > .details > .footer .publisher > .publisher-name:not(:first-child) {
196
	padding-left: 1px;
197
}
198

199
.extension-list-item .ellipsis {
200
	overflow: hidden;
201
	white-space: nowrap;
202
	text-overflow: ellipsis;
203
}
204

205
.extension-list-item > .details > .footer > .monaco-action-bar > .actions-container .action-label:not(.icon) {
206
	border-radius: var(--vscode-cornerRadius-small);
207
}
208

209
.extension-list-item > .details > .footer > .monaco-action-bar > .actions-container .extension-action.label {
210
	max-width: 150px;
211
	line-height: 16px;
212
}
213

214
.extension-list-item .footer .monaco-action-bar .action-item.action-dropdown-item.empty > .action-label {
215
	margin-right: 4px;
216
}
217

218
.extension-list-item .footer .monaco-action-bar .action-item.action-dropdown-item.empty > .action-dropdown-item-separator {
219
	display: none;
220
}
221

222
.extension-list-item .monaco-action-bar > .actions-container > .action-item.disabled {
223
	min-width: 0;
224
}
225

226
.monaco-list-row.disabled:not(.selected) .extension-list-item > .details > .footer .publisher > .publisher-name {
227
	color: var(--vscode-disabledForeground);
228
}
229

230
.monaco-list-row.disabled:not(.selected) .extension-list-item {
231
	color: var(--vscode-disabledForeground);
232
}
233

234
.monaco-list-row.disabled:not(.selected) .extension-list-item .details .header .name,
235
.monaco-list-row.disabled:not(.selected) .extension-list-item .details .description {
236
	color: unset;
237
}
238

239
.extension-list-item .monaco-action-bar .action-label.icon {
240
	padding: 1px 2px;
241
}
242

243
.hc-black .extension-list-item .monaco-action-bar .action-label.icon,
244
.hc-light .extension-list-item .monaco-action-bar .action-label.icon {
245
	padding: 0px 2px;
246
}
247

248
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item,
249
.extension-list-item .monaco-action-bar > .actions-container > .action-item:not(.action-dropdown-item) > .extension-action {
250
	margin-left: 6px;
251
}
252

253
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .extension-action.label {
254
	border-right-width: 0;
255
}
256

257
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator {
258
	height: 16px;
259
	margin-top: 2px;
260
}
261

262
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
263
	height: 10px;
264
}
265

266
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action.label {
267
	border-left-width: 0;
268
}
269

270
/* single install */
271
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item.empty > .extension-action {
272
	border-radius: var(--vscode-cornerRadius-small);
273
}
274

275
/* split install */
276
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item:not(.empty) > .extension-action.label:not(.dropdown) {
277
	border-radius: var(--vscode-cornerRadius-small) 0 0 var(--vscode-cornerRadius-small);
278
}
279
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action {
280
	border-radius: 0 var(--vscode-cornerRadius-small) var(--vscode-cornerRadius-small) 0;
281
}
282

283
Product

Resources

Company
