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: 5px;
32
}
33

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

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

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

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

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

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

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

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

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

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

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

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

113
.extension-list-item > .details > .header-container > .header .codicon {
114
	font-size: 120%;
115
	margin-right: 3px;
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: 2px;
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: 2px;
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: 2px 0 0 2px;
278
}
279
.extension-list-item .monaco-action-bar > .actions-container > .action-item.action-dropdown-item > .monaco-dropdown .extension-action {
280
	border-radius: 0 2px 2px 0;
281
}
282

283
Product

Resources

Company
