CoCalc -- settingsWidgets.css

GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/workbench/contrib/preferences/browser/media/settingsWidgets.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
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-item-value > .setting-item-control {
7
	width: 100%;
8
}
9

10
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value,
11
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-key {
12
	margin-right: 3px;
13
	margin-left: 2px;
14
}
15

16
/* Deal with overflow */
17
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value,
18
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-sibling,
19
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-key,
20
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value {
21
	white-space: nowrap;
22
	text-overflow: ellipsis;
23
	overflow: hidden;
24
}
25

26
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .setting-value-checkbox {
27
	background-color: var(--vscode-settings-checkboxBackground) !important;
28
	color: var(--vscode-settings-checkboxForeground) !important;
29
	border-color: var(--vscode-settings-checkboxBorder) !important;
30
}
31
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .setting-list-object-input-key-checkbox {
32
	margin-left: 4px;
33
	height: 24px;
34
}
35
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .setting-list-object-input-key-checkbox .setting-value-checkbox {
36
	margin-top: 3px;
37
}
38
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-item-bool .setting-list-object-value {
39
	width: 100%;
40
	cursor: pointer;
41
	flex: 1;
42
}
43

44
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-key {
45
	margin-left: 4px;
46
	width: 40%;
47
}
48
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-input-key {
49
	margin-left: 0;
50
	min-width: 40%;
51
}
52

53
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value {
54
	width: 60%;
55
}
56
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-sibling {
57
	width: 40%;
58
}
59
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value.no-sibling {
60
	width: 100%;
61
}
62

63
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-input-value,
64
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value {
65
	width: 100%;
66
}
67

68
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-row .setting-list-object-value,
69
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value {
70
	/* In case the text is too long, we don't want to block the pencil icon. */
71
	box-sizing: border-box;
72
	padding-right: 40px;
73
}
74

75
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value {
76
	width: 60%;
77
}
78

79
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-value,
80
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-sibling,
81
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-key,
82
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value {
83
	display: inline-block;
84
	line-height: 24px;
85
	min-height: 24px;
86
	flex: none;
87
}
88

89
/* Use monospace to display glob patterns in include/exclude widget */
90
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-include-exclude-widget .setting-list-value,
91
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-include-exclude-widget .setting-list-sibling {
92
	font-family: var(--monaco-monospace-font);
93
}
94

95
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-sibling {
96
	opacity: 0.7;
97
	margin-left: 0.5em;
98
	font-size: 0.9em;
99
	white-space: pre;
100

101
	/* In case the text is too long, we don't want to block the pencil icon. */
102
	box-sizing: border-box;
103
	padding-right: 50px;
104
}
105

106
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row .monaco-action-bar {
107
	display: none;
108
	position: absolute;
109
	right: 0px;
110
	top: 0px;
111
}
112

113
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row {
114
	display: flex;
115
}
116
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row:hover {
117
	background-color: var(--vscode-list-hoverBackground);
118
	color: var(--vscode-list-hoverForeground);
119
}
120
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.selected:focus {
121
	background-color: var(--vscode-list-activeSelectionBackground);
122
	color: var(--vscode-list-activeSelectionForeground);
123
}
124
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.selected:not(:focus) {
125
	background-color: var(--vscode-list-inactiveSelectionBackground);
126
	color: var(--vscode-list-inactiveSelectionForeground);
127
}
128
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.draggable {
129
	cursor: pointer;
130
	user-select: none;
131
}
132
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.drag-hover {
133
	background-color: var(--vscode-list-dropBackground);
134
}
135
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.drag-hover * {
136
	pointer-events: none;
137
}
138

139
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row,
140
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row-header {
141
	position: relative;
142
	max-height: 24px;
143
}
144

145
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row-header {
146
	font-weight: bold;
147
}
148

149
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-row,
150
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-row-header {
151
	display: flex;
152
	padding-right: 4px;
153
}
154

155
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-row-header,
156
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-row:nth-child(odd):not(:hover):not(:focus):not(.selected),
157
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-edit-row.setting-list-object-row:nth-child(odd):hover {
158
	background-color: rgba(130, 130, 130, 0.04);
159
}
160

161
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row:hover .monaco-action-bar,
162
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.selected .monaco-action-bar {
163
	display: block;
164
}
165

166
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row .monaco-action-bar .action-label {
167
	width: 16px;
168
	height: 20px;
169
	padding: 2px;
170
	margin-right: 2px;
171
	display: flex;
172
	color: inherit;
173
	align-items: center;
174
	justify-content: center;
175
}
176

177
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row .monaco-action-bar .setting-listAction-edit {
178
	margin-right: 4px;
179
}
180

181
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .monaco-text-button {
182
	width: initial;
183
	white-space: nowrap;
184
}
185

186
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-item-control.setting-list-hide-add-button .setting-list-new-row {
187
	display: none;
188
}
189

190
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .monaco-text-button.setting-list-addButton {
191
	display: inline-block;
192
	margin-top: 4px;
193
	margin-right: 4px;
194
}
195

196
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row,
197
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-edit-row {
198
	display: flex
199
}
200

201
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-valueInput,
202
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-siblingInput,
203
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-input {
204
	height: 24px;
205
	max-width: 320px;
206
	margin-right: 4px;
207
}
208
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-valueInput.no-sibling,
209
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-input {
210
	max-width: unset;
211
}
212
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-valueInput.no-sibling {
213
	/* Add more width to help with string arrays */
214
	width: 100%;
215
}
216

217
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value-container .setting-list-object-input {
218
	margin-right: 0;
219
}
220

221
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-ok-button {
222
	margin: 0 4px;
223
}
224

225
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-widget,
226
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-include-exclude-widget,
227
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget {
228
	margin-bottom: 1px;
229
	padding: 1px;
230
}
231

232
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-value-container,
233
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-object-input select {
234
	width: 100%;
235
	height: 24px;
236
}
237

238
.settings-editor > .settings-body .settings-tree-container .setting-list-widget .setting-list-object-list-row.select-container {
239
	width: 320px;
240
}
241
.settings-editor > .settings-body .settings-tree-container .setting-list-widget .setting-list-object-list-row.select-container > select {
242
	width: inherit;
243
}
244

245
.settings-tabs-widget > .monaco-action-bar .action-item.disabled {
246
	display: none;
247
}
248

249
.settings-tabs-widget > .monaco-action-bar .action-item {
250
	max-width: 300px;
251
	overflow: hidden;
252
	text-overflow: ellipsis;
253
}
254

255
.settings-tabs-widget > .monaco-action-bar .action-item .action-label {
256
	text-transform: uppercase;
257
	font-size: 11px;
258
	margin-right: 5px;
259
	cursor: pointer;
260
	display: flex;
261
	overflow: hidden;
262
	text-overflow: ellipsis;
263
}
264

265
.settings-tabs-widget > .monaco-action-bar .action-item .action-label {
266
	display: block;
267
	padding: 0px;
268
	border-radius: initial;
269
	background: none !important;
270
}
271

272
.settings-tabs-widget > .monaco-action-bar .action-item .action-label.folder-settings {
273
	display: flex;
274
}
275

276
.settings-tabs-widget > .monaco-action-bar .action-item {
277
	padding: 3px 0px;
278
}
279

280
.settings-tabs-widget > .monaco-action-bar .action-item .action-title {
281
	text-overflow: ellipsis;
282
	overflow: hidden;
283
}
284

285
.settings-tabs-widget > .monaco-action-bar .action-item .action-details {
286
	text-transform: none;
287
	margin-left: 0.5em;
288
	font-size: 10px;
289
	opacity: 0.7;
290
}
291

292
.settings-tabs-widget .monaco-action-bar .action-item .dropdown-icon {
293
	padding-left: 0.3em;
294
	padding-top: 8px;
295
	font-size: 12px;
296
}
297

298
.settings-tabs-widget .monaco-action-bar .action-item .dropdown-icon.hide {
299
	display: none;
300
}
301

302
.settings-tabs-widget > .monaco-action-bar .action-item .action-label {
303
	color: var(--vscode-panelTitle-inactiveForeground);
304
}
305

306
.settings-tabs-widget > .monaco-action-bar .action-item .action-label.checked,
307
.settings-tabs-widget > .monaco-action-bar .action-item .action-label:hover {
308
	color: var(--vscode-panelTitle-activeForeground);
309
	border-bottom: 1px solid var(--vscode-panelTitle-activeBorder);
310
	outline: 1px solid var(--vscode-contrastActiveBorder, transparent);
311
	outline-offset: -1px;
312
}
313

314
.settings-tabs-widget > .monaco-action-bar .action-item .action-label:focus {
315
	border-bottom: 1px solid var(--vscode-focusBorder);
316
	outline: 1px solid transparent;
317
	outline-offset: -1px;
318
}
319

320
.settings-tabs-widget > .monaco-action-bar .action-item .action-label:not(.checked):hover {
321
	outline-style: dashed;
322
}
323

324
.settings-header-widget > .settings-search-controls > .settings-count-widget {
325
	margin: 6px 0px;
326
	padding: 0px 8px;
327
	border-radius: 2px;
328
	float: left;
329
}
330

331
.settings-header-widget > .settings-search-controls {
332
	position: absolute;
333
	right: 10px;
334
}
335

336
.settings-header-widget > .settings-search-controls > .settings-count-widget.hide {
337
	display: none;
338
}
339

340
.settings-header-widget > .settings-search-container {
341
	flex: 1;
342
}
343

344
.settings-header-widget > .settings-search-container > .settings-search-input {
345
	vertical-align: middle;
346
}
347

348
.settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox {
349
	height: 30px;
350
}
351

352
.monaco-workbench.vs .settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox {
353
	border: 1px solid #ddd;
354
}
355

356
.settings-header-widget > .settings-search-container > .settings-search-input > .monaco-inputbox .input {
357
	font-size: 14px;
358
	padding-left:10px;
359
}
360

361
.monaco-editor .view-zones > .settings-header-widget {
362
	z-index: 1;
363
}
364

365
.monaco-editor .settings-header-widget .title-container {
366
	display: flex;
367
	user-select: none;
368
	-webkit-user-select: none;
369
}
370

371
.monaco-editor .settings-header-widget .title-container .title {
372
	font-weight: bold;
373
	white-space: nowrap;
374
	text-transform: uppercase;
375
}
376

377
.monaco-editor .settings-header-widget .title-container .message {
378
	white-space: nowrap;
379
}
380

381
.monaco-editor .dim-configuration {
382
	color: #b1b1b1;
383
}
384

385
.codicon-settings-edit:hover {
386
	cursor: pointer;
387
}
388

389
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-row.invalid-key .setting-list-object-key {
390
	color: var(--vscode-list-errorForeground);
391
}
392

393
Product

Resources

Company
