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
}
42

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

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

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

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

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

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

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

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

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

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

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

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

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

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

154
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .setting-list-object-widget .setting-list-row-header,
155
.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),
156
.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 {
157
	background-color: rgba(130, 130, 130, 0.04);
158
}
159

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

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

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

180
.settings-editor > .settings-body .settings-tree-container .setting-item.setting-item-list .monaco-text-button {
181
	width: initial;
182
	white-space: nowrap;
183
	padding: 4px 14px;
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
Product

Resources

Company
