@codingame/monaco-vscode-user-data-profile-service-override 20.1.1 → 20.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +13 -13
  2. package/vscode/src/vs/base/browser/ui/radio/radio.css +18 -0
  3. package/vscode/src/vs/workbench/contrib/userDataProfile/browser/media/userDataProfilesEditor.css +88 -0
  4. package/vscode/src/vs/workbench/services/userDataProfile/browser/media/userDataProfileView.css +26 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codingame/monaco-vscode-user-data-profile-service-override",
3
- "version": "20.1.1",
3
+ "version": "20.2.0",
4
4
  "private": false,
5
5
  "description": "VSCode public API plugged on the monaco editor - user-data-profile service-override",
6
6
  "keywords": [],
@@ -15,18 +15,18 @@
15
15
  },
16
16
  "type": "module",
17
17
  "dependencies": {
18
- "@codingame/monaco-vscode-249dc928-1da3-51c1-82d0-45e0ba9d08a1-common": "20.1.1",
19
- "@codingame/monaco-vscode-26828baf-be14-5674-97e2-994222afad77-common": "20.1.1",
20
- "@codingame/monaco-vscode-2f06fe84-148e-5e6b-a7ca-c7989c5f128a-common": "20.1.1",
21
- "@codingame/monaco-vscode-34a0ffd3-b9f5-5699-b43b-38af5732f38a-common": "20.1.1",
22
- "@codingame/monaco-vscode-422642f2-7e3a-5c1c-9e1e-1d3ef1817346-common": "20.1.1",
23
- "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "20.1.1",
24
- "@codingame/monaco-vscode-a022e9a8-b522-5ea2-97c7-f3dda2b0b597-common": "20.1.1",
25
- "@codingame/monaco-vscode-api": "20.1.1",
26
- "@codingame/monaco-vscode-d941ac7b-412f-57e3-b1bf-f6b0eb253b21-common": "20.1.1",
27
- "@codingame/monaco-vscode-dbfe5f85-b426-55ed-a79b-5f811b395762-common": "20.1.1",
28
- "@codingame/monaco-vscode-e72c94ca-257a-5b75-8b68-5a5fa3c18255-common": "20.1.1",
29
- "@codingame/monaco-vscode-f22e7e55-aee8-5b52-a6bc-950efd9f5890-common": "20.1.1"
18
+ "@codingame/monaco-vscode-249dc928-1da3-51c1-82d0-45e0ba9d08a1-common": "20.2.0",
19
+ "@codingame/monaco-vscode-26828baf-be14-5674-97e2-994222afad77-common": "20.2.0",
20
+ "@codingame/monaco-vscode-2f06fe84-148e-5e6b-a7ca-c7989c5f128a-common": "20.2.0",
21
+ "@codingame/monaco-vscode-34a0ffd3-b9f5-5699-b43b-38af5732f38a-common": "20.2.0",
22
+ "@codingame/monaco-vscode-422642f2-7e3a-5c1c-9e1e-1d3ef1817346-common": "20.2.0",
23
+ "@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common": "20.2.0",
24
+ "@codingame/monaco-vscode-a022e9a8-b522-5ea2-97c7-f3dda2b0b597-common": "20.2.0",
25
+ "@codingame/monaco-vscode-api": "20.2.0",
26
+ "@codingame/monaco-vscode-d941ac7b-412f-57e3-b1bf-f6b0eb253b21-common": "20.2.0",
27
+ "@codingame/monaco-vscode-dbfe5f85-b426-55ed-a79b-5f811b395762-common": "20.2.0",
28
+ "@codingame/monaco-vscode-e72c94ca-257a-5b75-8b68-5a5fa3c18255-common": "20.2.0",
29
+ "@codingame/monaco-vscode-f22e7e55-aee8-5b52-a6bc-950efd9f5890-common": "20.2.0"
30
30
  },
31
31
  "main": "index.js",
32
32
  "module": "index.js",
package/vscode/src/vs/base/browser/ui/radio/radio.css CHANGED
@@ -1,6 +1,12 @@
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
+
1
6
  .monaco-custom-radio {
2
7
  display: flex;
3
8
  }
9
+
4
10
  .monaco-custom-radio > .monaco-button {
5
11
  border-radius: 0;
6
12
  font-size: 0.9em;
@@ -8,44 +14,56 @@
8
14
  padding-left: 0.5em;
9
15
  padding-right: 0.5em;
10
16
  }
17
+
11
18
  .monaco-custom-radio > .monaco-button:first-child {
12
19
  border-top-left-radius: 3px;
13
20
  border-bottom-left-radius: 3px;
14
21
  }
22
+
15
23
  .monaco-custom-radio > .monaco-button:last-child {
16
24
  border-top-right-radius: 3px;
17
25
  border-bottom-right-radius: 3px;
18
26
  }
27
+
19
28
  .monaco-custom-radio > .monaco-button:not(.active):not(:last-child) {
20
29
  border-right: none;
21
30
  }
31
+
22
32
  .monaco-custom-radio > .monaco-button.previous-active {
23
33
  border-left: none;
24
34
  }
35
+
36
+ /* default color styles - based on CSS variables */
37
+
25
38
  .monaco-custom-radio > .monaco-button {
26
39
  color: var(--vscode-radio-inactiveForeground);
27
40
  background-color: var(--vscode-radio-inactiveBackground);
28
41
  border-color: var(--vscode-radio-inactiveBorder, transparent);
29
42
  }
43
+
30
44
  .monaco-custom-radio > .monaco-button.active:hover,
31
45
  .monaco-custom-radio > .monaco-button.active {
32
46
  color: var(--vscode-radio-activeForeground);
33
47
  background-color: var(--vscode-radio-activeBackground);
34
48
  border-color: var(--vscode-radio-activeBorder, transparent);
35
49
  }
50
+
36
51
  .hc-black .monaco-custom-radio > .monaco-button.active,
37
52
  .hc-light .monaco-custom-radio > .monaco-button.active {
38
53
  border-color: var(--vscode-radio-activeBorder, transparent);
39
54
  }
55
+
40
56
  .hc-black .monaco-custom-radio > .monaco-button:not(.active),
41
57
  .hc-light .monaco-custom-radio > .monaco-button:not(.active) {
42
58
  border-color: var(--vscode-radio-inactiveBorder, transparent);
43
59
  }
60
+
44
61
  .hc-black .monaco-custom-radio > .monaco-button:not(.active):hover,
45
62
  .hc-light .monaco-custom-radio > .monaco-button:not(.active):hover {
46
63
  outline: 1px dashed var(--vscode-toolbar-hoverOutline);
47
64
  outline-offset: -1px
48
65
  }
66
+
49
67
  .monaco-custom-radio > .monaco-button:hover:not(.active) {
50
68
  background-color: var(--vscode-radio-inactiveHoverBackground);
51
69
  }
package/vscode/src/vs/workbench/contrib/userDataProfile/browser/media/userDataProfilesEditor.css CHANGED
@@ -1,65 +1,85 @@
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
+
1
6
  .profiles-editor {
2
7
  height: 100%;
3
8
  overflow: hidden;
4
9
  max-width: 1200px;
5
10
  margin: 20px auto 0px auto;
6
11
  }
12
+
7
13
  .profiles-editor .sidebar-view,
8
14
  .profiles-editor .contents-view {
9
15
  height: 100%;
10
16
  }
17
+
11
18
  .profiles-editor > .monaco-split-view2 > .sash-container,
12
19
  .profiles-editor > .monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
13
20
  top: 55px;
14
21
  }
22
+
15
23
  .profiles-editor .contents-container {
16
24
  height: 100%;
17
25
  }
26
+
18
27
  .profiles-editor .sidebar-container {
19
28
  padding-left: 20px;
20
29
  height: 100%;
21
30
  }
31
+
22
32
  .profiles-editor .sidebar-container .new-profile-button {
23
33
  padding: 0px 20px 0px 18px;
24
34
  display: flex;
25
35
  align-items: center;
26
36
  height: 40px;
27
37
  }
38
+
28
39
  .profiles-editor .sidebar-container .new-profile-button > .monaco-button-dropdown {
29
40
  flex-grow: 1;
30
41
  }
42
+
31
43
  .profiles-editor .monaco-button-dropdown > .monaco-dropdown-button {
32
44
  display: flex;
33
45
  align-items: center;
34
46
  padding: 0 4px;
35
47
  }
48
+
36
49
  .profiles-editor .monaco-list-row .profile-tree-item-actions-container {
37
50
  display: none;
38
51
  align-items: center;
39
52
  }
53
+
40
54
  .profiles-editor .monaco-list-row.focused .profile-tree-item-actions-container,
41
55
  .profiles-editor .monaco-list-row.selected .profile-tree-item-actions-container,
42
56
  .profiles-editor .monaco-list-row:hover .profile-tree-item-actions-container {
43
57
  display: flex;
44
58
  }
59
+
45
60
  .profiles-editor .sidebar-container .profiles-list {
46
61
  margin-top: 15px;
47
62
  }
63
+
48
64
  .profiles-editor .sidebar-container .profiles-list .profile-list-item {
49
65
  padding-left: 20px;
50
66
  display: flex;
51
67
  align-items: center;
52
68
  }
69
+
53
70
  .profiles-editor .sidebar-container .profiles-list .profile-list-item > * {
54
71
  margin-right: 5px;
55
72
  }
73
+
56
74
  .profiles-editor .sidebar-container .profiles-list .profile-list-item > .profile-list-item-label {
57
75
  overflow: hidden;
58
76
  text-overflow: ellipsis;
59
77
  }
78
+
60
79
  .profiles-editor .sidebar-container .profiles-list .profile-list-item > .profile-list-item-label.new-profile {
61
80
  font-style: italic;
62
81
  }
82
+
63
83
  .profiles-editor .sidebar-container .profiles-list .profile-list-item > .profile-list-item-description {
64
84
  margin-left: 2px;
65
85
  display: flex;
@@ -67,115 +87,143 @@
67
87
  font-size: 0.9em;
68
88
  opacity: 0.7;
69
89
  }
90
+
70
91
  .profiles-editor .sidebar-container .profiles-list .profile-list-item .profile-tree-item-actions-container {
71
92
  flex: 1;
72
93
  justify-content: flex-end;
73
94
  margin-right: 10px;
74
95
  }
96
+
75
97
  .profiles-editor .hide {
76
98
  display: none !important;
77
99
  }
100
+
78
101
  .profiles-editor .contents-container .profile-header {
79
102
  margin-left: 27px;
80
103
  display: flex;
81
104
  height: 40px;
82
105
  align-items: center;
83
106
  }
107
+
84
108
  .profiles-editor .contents-container .profile-header .profile-title-container {
85
109
  font-size: 26px;
86
110
  font-weight: 600;
87
111
  }
112
+
88
113
  .profiles-editor .contents-container .profile-title-container .monaco-inputbox {
89
114
  margin-right: 10px;
90
115
  flex: 1;
91
116
  }
117
+
92
118
  .profiles-editor .contents-container .profile-header .profile-actions-container .actions-container .action-label {
93
119
  padding: 6px;
94
120
  }
121
+
95
122
  .profiles-editor .contents-container .profile-body {
96
123
  margin: 15px 0px 0px 1px
97
124
  }
125
+
98
126
  .profiles-editor .contents-container .profile-body .profile-row-container {
99
127
  padding: 12px 0px;
100
128
  }
129
+
101
130
  .profiles-editor .contents-container .profile-body .profile-row-container.no-padding-bottom {
102
131
  padding-bottom: 0px;
103
132
  }
133
+
104
134
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-label-element {
105
135
  font-weight: 600;
106
136
  padding-bottom: 5px;
107
137
  }
138
+
108
139
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-description-element {
109
140
  color: var(--vscode-foreground);
110
141
  opacity: 0.9;
111
142
  }
143
+
112
144
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-description-element ul,
113
145
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-description-element p {
114
146
  margin: 0px;
115
147
  }
148
+
116
149
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-description-element ul {
117
150
  padding-inline-start: 28px;
118
151
  }
152
+
119
153
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-description-element ul li {
120
154
  padding-left: 2px;
121
155
  }
156
+
122
157
  .profiles-editor .contents-container .profile-body .profile-row-container .monaco-inputbox {
123
158
  width: 400px;
124
159
  }
160
+
125
161
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-icon-container {
126
162
  line-height: 22px;
127
163
  display: flex;
128
164
  align-items: center;
129
165
  }
166
+
130
167
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-icon-container.disabled .codicon {
131
168
  cursor: default;
132
169
  }
170
+
133
171
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-icon-container .codicon {
134
172
  cursor: pointer;
135
173
  margin-right: 4px;
136
174
  padding: 2px;
137
175
  border-radius: 5px;
138
176
  }
177
+
139
178
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-icon-container:not(.disabled) .codicon:hover {
140
179
  background-color: var(--vscode-toolbar-hoverBackground);
141
180
  outline: 1px dashed var(--vscode-toolbar-hoverOutline);
142
181
  }
182
+
143
183
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-icon-container .profile-description-element {
144
184
  margin-top: -1px;
145
185
  }
186
+
146
187
  .profiles-editor .contents-container .profile-select-container {
147
188
  overflow: hidden;
148
189
  display: flex;
149
190
  align-items: center;
150
191
  justify-content: center;
151
192
  }
193
+
152
194
  .profiles-editor .contents-container .profile-select-container > .monaco-select-box {
153
195
  cursor: pointer;
154
196
  line-height: 18px;
155
197
  padding: 0px 23px 0px 8px;
156
198
  border-radius: 2px;
157
199
  }
200
+
158
201
  .profiles-editor .contents-container .profile-copy-from-container .profile-select-container {
159
202
  margin-top: 5px;
160
203
  width: 250px;
161
204
  }
205
+
162
206
  .profiles-editor .contents-container .profile-use-as-default-container,
163
207
  .profiles-editor .contents-container .profile-use-for-current-container {
164
208
  display: flex;
165
209
  align-items: center;
166
210
  line-height: 22px;
167
211
  }
212
+
168
213
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-use-as-default-container .profile-description-element,
169
214
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-use-for-current-container .profile-description-element {
170
215
  margin-top: -1px;
171
216
  }
217
+
172
218
  .profiles-editor .contents-container .profile-use-as-default-container .profile-use-as-default-label,
173
219
  .profiles-editor .contents-container .profile-use-for-current-container .profile-use-as-default-label {
174
220
  margin-left: 2px;
175
221
  }
222
+
176
223
  .profiles-editor .contents-container .profile-contents-container {
177
224
  margin: 0px 0px 10px 20px;
178
225
  }
226
+
179
227
  .profiles-editor .contents-container .profile-content-tree-header {
180
228
  display: grid;
181
229
  grid-template-columns: 30px repeat(2, 1fr) 80px;
@@ -186,133 +234,167 @@
186
234
  font-weight: bold;
187
235
  border-bottom: 1px solid transparent;
188
236
  }
237
+
189
238
  .profiles-editor .profile-associations-table .monaco-table-th,
190
239
  .profiles-editor .contents-container .profile-content-tree-header {
191
240
  background-color: var(--vscode-keybindingTable-headerBackground);
192
241
  }
242
+
193
243
  .profiles-editor .contents-container .profile-content-tree-header > .options-header {
194
244
  display: flex;
195
245
  align-items: center;
196
246
  }
247
+
197
248
  .profiles-editor .contents-container .profile-content-tree-header > .options-header .codicon {
198
249
  cursor: pointer;
199
250
  padding-left: 2px;
200
251
  }
252
+
201
253
  .profiles-editor .contents-container .profile-content-tree-header.default-profile {
202
254
  grid-template-columns: 30px repeat(1, 1fr) 80px;
203
255
  }
256
+
204
257
  .profiles-editor .contents-container .profile-content-tree-header.default-profile > .options-header {
205
258
  display: none;
206
259
  }
260
+
207
261
  .profiles-editor .contents-container .profile-tree-item-container {
208
262
  display: grid;
209
263
  align-items: center;
210
264
  grid-template-columns: repeat(2, 1fr) 80px;
211
265
  }
266
+
212
267
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree-header,
213
268
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree {
214
269
  margin-right: 1px;
215
270
  }
271
+
216
272
  .profiles-editor .contents-container .profile-tree-item-container.default-profile,
217
273
  .profiles-editor .contents-container .profile-tree-item-container.profile-resource-child-container {
218
274
  grid-template-columns: repeat(1, 1fr) 80px;
219
275
  }
276
+
220
277
  .profiles-editor .contents-container .profile-tree-item-container .profile-resource-type-description {
221
278
  margin-left: 10px;
222
279
  font-size: 0.9em;
223
280
  opacity: 0.7;
224
281
  }
282
+
225
283
  .profiles-editor .contents-container .profile-tree-item-container .profile-resource-options-container {
226
284
  height: fit-content;
227
285
  width: fit-content;
228
286
  }
287
+
229
288
  .profiles-editor .contents-container .profile-tree-item-container .monaco-custom-radio .monaco-button {
230
289
  outline-offset: -1px !important;
231
290
  }
291
+
232
292
  .profiles-editor .contents-container .profile-tree-item-container .profile-resource-actions-container {
233
293
  display: none;
234
294
  justify-self: end;
235
295
  padding-right: 10px;
236
296
  }
297
+
237
298
  .profiles-editor .contents-container .profile-content-tree .monaco-list-row.selected .profile-resource-actions-container,
238
299
  .profiles-editor .contents-container .profile-content-tree .monaco-list-row.focused .profile-resource-actions-container,
239
300
  .profiles-editor .contents-container .profile-content-tree .monaco-list-row:hover .profile-resource-actions-container {
240
301
  display: flex;
241
302
  }
303
+
242
304
  .profiles-editor .contents-container .profile-body .profile-row-container.profile-button-container {
243
305
  margin-top: 10px;
244
306
  margin-left: 30px;
245
307
  display: flex;
246
308
  align-items: center;
247
309
  }
310
+
248
311
  .profiles-editor .contents-container .profile-body .profile-row-container.profile-button-container .monaco-button {
249
312
  margin-right: 10px;
250
313
  width: inherit;
251
314
  padding: 4px 10px;
252
315
  }
316
+
253
317
  .profiles-editor .profile-associations-table {
254
318
  margin-top: 5px;
255
319
  }
320
+
256
321
  .profiles-editor .profile-associations-table .monaco-table-th,
257
322
  .profiles-editor .profile-associations-table .monaco-table-td {
258
323
  padding: 0px 5px;
259
324
  }
325
+
260
326
  .profiles-editor .profile-associations-table .monaco-table-td {
261
327
  display: flex;
262
328
  align-items: center;
263
329
  overflow: hidden;
264
330
  }
331
+
265
332
  .profiles-editor .profile-associations-table .monaco-list-row .monaco-table-tr .monaco-table-td .profile-workspaces-actions-container {
266
333
  display: none;
267
334
  justify-content: flex-end;
268
335
  padding-right: 5px;
269
336
  }
337
+
270
338
  .profiles-editor .profile-associations-table .monaco-list-row.selected .monaco-table-tr .monaco-table-td .profile-workspaces-actions-container,
271
339
  .profiles-editor .profile-associations-table .monaco-list-row.focused .monaco-table-tr .monaco-table-td .profile-workspaces-actions-container,
272
340
  .profiles-editor .profile-associations-table .monaco-list-row:hover .monaco-table-tr .monaco-table-td .profile-workspaces-actions-container {
273
341
  display: flex;
274
342
  }
343
+
275
344
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .host,
276
345
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .path {
277
346
  width: 100%;
278
347
  }
348
+
279
349
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .host .host-label,
280
350
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .path .path-label {
281
351
  overflow: hidden;
282
352
  text-overflow: ellipsis;
283
353
  }
354
+
284
355
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .current-workspace .path-label,
285
356
  .profiles-editor .profile-associations-table .monaco-table-tr .monaco-table-td .current-workspace .host-label {
286
357
  font-weight: bold;
287
358
  font-style: italic;
288
359
  }
360
+
289
361
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-workspaces-button-container {
290
362
  display: flex;
291
363
  margin: 8px 4px;
292
364
  }
365
+
293
366
  .profiles-editor .contents-container .profile-body .profile-row-container .profile-workspaces-button-container .monaco-button {
294
367
  width: inherit;
295
368
  padding: 2px 14px;
296
369
  }
370
+
371
+ /* Profile Editor Tree Theming */
372
+
297
373
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row.focused {
298
374
  background-color: var(--vscode-settings-focusedRowBackground) !important;
299
375
  }
376
+
300
377
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row[data-parity=odd] .monaco-table-tr {
301
378
  background-color: transparent !important;
302
379
  }
380
+
303
381
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row:not(.focused):hover {
304
382
  background-color: var(--vscode-settings-rowHoverBackground) !important;
305
383
  }
384
+
306
385
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list:focus .monaco-list-row.focused {
307
386
  outline: 1px solid var(--vscode-settings-focusedRowBorder) !important;
308
387
  }
388
+
309
389
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row {
310
390
  cursor: default;
311
391
  }
392
+
312
393
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row,
313
394
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row {
314
395
  cursor: default;
315
396
  }
397
+
316
398
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row.focused,
317
399
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row.selected:not(:focus),
318
400
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row.selected:focus,
@@ -322,27 +404,33 @@
322
404
  background-color: inherit !important;
323
405
  color: inherit !important;
324
406
  }
407
+
325
408
  .monaco-workbench:not(.hc-black):not(.hc-light) .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row:hover:not(.selected),
326
409
  .monaco-workbench:not(.hc-black):not(.hc-light) .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row:hover:not(.selected) {
327
410
  background-color: var(--vscode-list-hoverBackground) !important;
328
411
  }
412
+
329
413
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row.selected:focus,
330
414
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row.selected:focus {
331
415
  background-color: var(--vscode-list-activeSelectionBackground) !important;
332
416
  color: var(--vscode-list-activeSelectionForeground) !important;
333
417
  }
418
+
334
419
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-associations-table .monaco-list-row.selected:not(:focus),
335
420
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row.selected:not(:focus) {
336
421
  background-color: var(--vscode-list-inactiveSelectionBackground) !important;
337
422
  color: var(--vscode-list-inactiveSelectionForeground) !important;
338
423
  }
424
+
339
425
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row .monaco-tl-twistie.collapsible {
340
426
  cursor: pointer;
341
427
  }
428
+
342
429
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .codicon,
343
430
  .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row .profile-content-tree .monaco-list-row .codicon {
344
431
  color: inherit !important;
345
432
  }
433
+
346
434
  .monaco-workbench:not(.reduce-motion) .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row:hover .profile-content-tree-header,
347
435
  .monaco-workbench:not(.reduce-motion) .profiles-editor .contents-container .profile-body .profile-tree .monaco-list-row:hover .profile-associations-table .monaco-table > .monaco-split-view2 {
348
436
  border-color: var(--vscode-tree-tableColumnsBorder) !important;
package/vscode/src/vs/workbench/services/userDataProfile/browser/media/userDataProfileView.css CHANGED
@@ -1,34 +1,47 @@
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
+
1
6
  .profile-view-tree-container .customview-tree .monaco-list .monaco-list-row .custom-view-tree-node-item .actions {
2
7
  display: inherit;
3
8
  }
9
+
4
10
  .monaco-workbench .pane > .pane-body > .profile-view-message-container {
5
11
  display: flex;
6
12
  padding: 13px 20px 0px 20px;
7
13
  box-sizing: border-box;
8
14
  }
15
+
9
16
  .monaco-workbench .pane > .pane-body > .profile-view-message-container p {
10
17
  margin-block-start: 0em;
11
18
  margin-block-end: 0em;
12
19
  }
20
+
13
21
  .monaco-workbench .pane > .pane-body > .profile-view-message-container a {
14
22
  color: var(--vscode-textLink-foreground)
15
23
  }
24
+
16
25
  .monaco-workbench .pane > .pane-body > .profile-view-message-container a:hover {
17
26
  text-decoration: underline;
18
27
  color: var(--vscode-textLink-activeForeground)
19
28
  }
29
+
20
30
  .monaco-workbench .pane > .pane-body > .profile-view-message-container a:active {
21
31
  color: var(--vscode-textLink-activeForeground)
22
32
  }
33
+
23
34
  .monaco-workbench .pane > .pane-body > .profile-view-message-container.hide {
24
35
  display: none;
25
36
  }
37
+
26
38
  .monaco-workbench .pane > .pane-body > .profile-view-buttons-container {
27
39
  display: flex;
28
40
  flex-direction: column;
29
41
  padding: 13px 20px;
30
42
  box-sizing: border-box;
31
43
  }
44
+
32
45
  .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button,
33
46
  .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown {
34
47
  margin-block-start: 13px;
@@ -38,49 +51,60 @@
38
51
  margin-left: auto;
39
52
  margin-right: auto;
40
53
  }
54
+
41
55
  .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown {
42
56
  width: 100%;
43
57
  }
58
+
44
59
  .monaco-workbench .pane > .pane-body > .profile-view-buttons-container > .monaco-button-dropdown > .monaco-dropdown-button {
45
60
  display: flex;
46
61
  align-items: center;
47
62
  padding: 0 4px;
48
63
  }
64
+
49
65
  .profile-edit-widget {
50
66
  padding: 4px 6px 0px 11px;
51
67
  }
68
+
52
69
  .profile-edit-widget > .profile-icon-container {
53
70
  display: flex;
54
71
  margin-bottom: 8px;
55
72
  }
73
+
56
74
  .profile-edit-widget > .profile-icon-container > .profile-icon {
57
75
  cursor: pointer;
58
76
  padding: 3px;
59
77
  border-radius: 5px;
60
78
  }
79
+
61
80
  .profile-edit-widget > .profile-icon-container > .profile-icon.codicon{
62
81
  font-size: 18px;
63
82
  }
83
+
64
84
  .profile-edit-widget > .profile-icon-container > .profile-icon:hover {
65
85
  outline: 1px dashed var(--vscode-toolbar-hoverOutline);
66
86
  outline-offset: -1px;
67
87
  background-color: var(--vscode-toolbar-hoverBackground);
68
88
  }
89
+
69
90
  .profile-edit-widget > .profile-type-container {
70
91
  display: flex;
71
92
  align-items: center;
72
93
  justify-content: space-between;
73
94
  margin-bottom: 8px;
74
95
  }
96
+
75
97
  .profile-edit-widget > .profile-icon-container > .profile-icon-label,
76
98
  .profile-edit-widget > .profile-type-container > .profile-type-create-label {
77
99
  width: 90px;
78
100
  display: inline-flex;
79
101
  align-items: center;
80
102
  }
103
+
81
104
  .profile-edit-widget > .profile-icon-container:only-child > .profile-icon-label {
82
105
  width: 45px;
83
106
  }
107
+
84
108
  .profile-edit-widget > .profile-icon-container > .profile-icon-id {
85
109
  display: inline-flex;
86
110
  align-items: center;
@@ -88,6 +112,7 @@
88
112
  opacity: .8;
89
113
  font-size: 0.9em;
90
114
  }
115
+
91
116
  .profile-edit-widget > .profile-type-container > .profile-type-select-container {
92
117
  overflow: hidden;
93
118
  flex: 1;
@@ -95,6 +120,7 @@
95
120
  align-items: center;
96
121
  justify-content: center;
97
122
  }
123
+
98
124
  .profile-edit-widget > .profile-type-container > .profile-type-select-container > .monaco-select-box {
99
125
  cursor: pointer;
100
126
  line-height: 17px;