CoCalc -- inlineChat.css

GitHub Repository: microsoft/vscode
Path: blob/main/extensions/copilot/test/simulation/fixtures/edit/issue-6469/inlineChat.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
 .monaco-workbench .zone-widget.inline-chat-widget {
7
	z-index: 3;
8
}
9

10
.monaco-workbench .zone-widget.inline-chat-widget .interactive-session {
11
	max-width: unset;
12
}
13

14
.monaco-workbench .inline-chat {
15
	color: inherit;
16
	border-radius: 4px;
17
	border: 1px solid var(--vscode-inlineChat-border);
18
	box-shadow: 0 2px 4px 0 var(--vscode-widget-shadow);
19
	background: var(--vscode-inlineChat-background);
20
}
21

22
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-input-part {
23
	padding: 4px 6px 0 6px;
24
}
25

26
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-input-part .interactive-execute-toolbar {
27
	margin-bottom: 1px;
28
}
29

30
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-input-part .interactive-input-and-execute-toolbar {
31
	width: 100%;
32
	border-radius: 2px;
33
}
34

35
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list {
36
	padding: 4px 0 0 0;
37
}
38

39
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list .interactive-item-container.interactive-item-compact {
40
	gap: 6px;
41
	padding-top: 2px;
42
	padding-right: 20px;
43
	padding-left: 6px;
44
}
45

46
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list .interactive-item-container.interactive-item-compact .header .avatar {
47
	outline-offset: -1px;
48
}
49

50
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list .interactive-item-container.interactive-item-compact .chat-notification-widget {
51
	margin-bottom: 0;
52
	padding: 0;
53
	border: none;
54
}
55

56
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list .interactive-request {
57
	border: none;
58
}
59

60
.monaco-workbench .inline-chat .chat-widget .interactive-session .interactive-list .interactive-item-container.minimal > .header {
61
	right: 10px;
62
}
63

64
/* progress bit */
65

66
.monaco-workbench .inline-chat .progress {
67
	position: relative;
68
}
69

70
/* UGLY - fighting against workbench styles */
71
.monaco-workbench .part.editor > .content .inline-chat .progress .monaco-progress-container {
72
	top: 0;
73
}
74

75
/* status */
76

77
.monaco-workbench .inline-chat > .status {
78
	display: flex;
79
	justify-content: space-between;
80
	align-items: center;
81
	padding: 0 6px;
82
	padding-top: 4px
83
}
84

85
.monaco-workbench .inline-chat .status .actions.hidden {
86
	display: none;
87
}
88

89
.monaco-workbench .inline-chat .status .label {
90
	overflow: hidden;
91
	color: var(--vscode-descriptionForeground);
92
	font-size: 11px;
93
	display: inline-flex;
94
}
95

96
.monaco-workbench .inline-chat .status .label.info {
97
	margin-right: auto;
98
	padding-left: 2px;
99
}
100

101
.monaco-workbench .inline-chat .status .label.status {
102
	margin-left: auto;
103
}
104

105
.monaco-workbench .inline-chat .status .label.hidden {
106
	display: none;
107
}
108

109
.monaco-workbench .inline-chat .status .label.error {
110
	color: var(--vscode-errorForeground);
111
}
112

113
.monaco-workbench .inline-chat .status .label.warn {
114
	color: var(--vscode-editorWarning-foreground);
115
}
116

117
.monaco-workbench .inline-chat .status .label > .codicon {
118
	padding: 0 5px;
119
	font-size: 12px;
120
	line-height: 18px;
121
}
122

123
.monaco-workbench .inline-chat .chatMessage .chatMessageContent .value {
124
	overflow: hidden;
125
	-webkit-user-select: text;
126
	user-select: text;
127
}
128

129
.monaco-workbench .inline-chat .followUps {
130
	padding: 5px 5px;
131
}
132

133
.monaco-workbench .inline-chat .followUps .interactive-session-followups .monaco-button {
134
	display: block;
135
	color: var(--vscode-textLink-foreground);
136
	font-size: 12px;
137
}
138

139
.monaco-workbench .inline-chat .followUps.hidden {
140
	display: none;
141
}
142

143
.monaco-workbench .inline-chat .chatMessage {
144
	padding: 0 3px;
145
}
146

147
.monaco-workbench .inline-chat .chatMessage .chatMessageContent {
148
	padding: 2px 2px;
149
}
150

151
.monaco-workbench .inline-chat .chatMessage.hidden {
152
	display: none;
153
}
154

155
.monaco-workbench .inline-chat .status .actions,
156
.monaco-workbench .inline-chat-content-widget .toolbar  {
157

158
	display: flex;
159
	height: 18px;
160

161
	.actions-container {
162
		gap: 3px
163
	}
164

165
	.action-item.text-only .action-label {
166
		font-size: 12px;
167
		line-height: 16px;
168
		padding: 0 4px;
169
		border-radius: 2px;
170
	}
171

172
	.monaco-action-bar .action-item.menu-entry.text-only + .action-item:not(.text-only) > .monaco-dropdown .action-label {
173
		font-size: 12px;
174
		line-height: 16px;
175
		width: unset;
176
		height: unset;
177
	}
178
}
179

180
.monaco-workbench .inline-chat .status .actions,
181
.monaco-workbench .inline-chat-content-widget.contents .toolbar  {
182

183
	.monaco-action-bar .action-item.menu-entry.text-only:first-of-type .action-label{
184
		color: var(--vscode-button-foreground);
185
		background-color: var(--vscode-button-background);
186
	}
187
}
188

189
.monaco-workbench .inline-chat .status .actions > .monaco-button,
190
.monaco-workbench .inline-chat .status .actions > .monaco-button-dropdown {
191
	margin-right: 4px;
192
}
193

194
.monaco-workbench .inline-chat .status .actions > .monaco-button-dropdown > .monaco-dropdown-button {
195
	display: flex;
196
	align-items: center;
197
	padding: 0 4px;
198
}
199

200
.monaco-workbench .inline-chat .status .actions > .monaco-button.codicon {
201
	display: flex;
202
}
203

204
.monaco-workbench .inline-chat .status .actions > .monaco-button.codicon::before {
205
	align-self: center;
206
}
207

208
.monaco-workbench .inline-chat .status .actions .monaco-text-button {
209
	padding: 0 2px;
210
	white-space: nowrap;
211
}
212

213
/* TODO@jrieken not needed? */
214
.monaco-workbench .inline-chat .status .monaco-toolbar .action-label.checked {
215
	color: var(--vscode-inputOption-activeForeground);
216
	background-color: var(--vscode-inputOption-activeBackground);
217
	outline: 1px solid var(--vscode-inputOption-activeBorder);
218
}
219

220

221
.monaco-workbench .inline-chat .status .monaco-toolbar .action-item.button-item .action-label:is(:hover, :focus) {
222
	background-color: var(--vscode-button-hoverBackground);
223
}
224

225
/* preview */
226

227
.monaco-workbench .inline-chat .preview {
228
	display: none;
229
}
230

231
.monaco-workbench .inline-chat .previewDiff,
232
.monaco-workbench .inline-chat .previewCreate {
233
	display: inherit;
234
	border: 1px solid var(--vscode-inlineChat-border);
235
	border-radius: 2px;
236
	margin: 6px 0px;
237
}
238

239
.monaco-workbench .inline-chat .previewCreateTitle {
240
	padding-top: 6px;
241
}
242

243
.monaco-workbench .inline-chat .diff-review.hidden,
244
.monaco-workbench .inline-chat .previewDiff.hidden,
245
.monaco-workbench .inline-chat .previewCreate.hidden,
246
.monaco-workbench .inline-chat .previewCreateTitle.hidden {
247
	display: none;
248
}
249

250
.monaco-workbench .inline-chat-toolbar {
251
	display: flex;
252
}
253

254
.monaco-workbench .inline-chat-toolbar > .monaco-button {
255
	margin-right: 6px;
256
}
257

258
.monaco-workbench .inline-chat-toolbar .action-label.checked {
259
	color: var(--vscode-inputOption-activeForeground);
260
	background-color: var(--vscode-inputOption-activeBackground);
261
	outline: 1px solid var(--vscode-inputOption-activeBorder);
262
}
263

264
/* decoration styles */
265

266
.monaco-workbench .inline-chat-inserted-range {
267
	background-color: var(--vscode-inlineChatDiff-inserted);
268
}
269

270
.monaco-workbench .inline-chat-inserted-range-linehighlight {
271
	background-color: var(--vscode-diffEditor-insertedLineBackground);
272
}
273

274
.monaco-workbench .inline-chat-original-zone2 {
275
	background-color: var(--vscode-diffEditor-removedLineBackground);
276
	opacity: 0.8;
277
}
278

279
.monaco-workbench .inline-chat-lines-inserted-range {
280
	background-color: var(--vscode-diffEditor-insertedTextBackground);
281
}
282

283
.monaco-workbench .inline-chat-block-selection {
284
	background-color: var(--vscode-inlineChat-regionHighlight);
285
}
286

287
.monaco-workbench .interactive-session .interactive-input-and-execute-toolbar .monaco-editor .inline-chat-slash-command {
288
	background-color: var(--vscode-chat-slashCommandBackground);
289
	color: var(--vscode-chat-slashCommandForeground); /* Overrides the foreground color rule in chat.css */
290
	border-radius: 2px;
291
	padding: 1px;
292
}
293

294
.monaco-workbench .inline-chat-slash-command-detail {
295
	opacity: 0.5;
296
}
297

298
/* diff zone */
299

300
.monaco-workbench .inline-chat-diff-widget .monaco-diff-editor .monaco-editor-background,
301
.monaco-workbench .inline-chat-diff-widget .monaco-diff-editor .monaco-workbench .margin-view-overlays {
302
	background-color: var(--vscode-inlineChat-regionHighlight);
303
}
304

305
/* create zone */
306

307
.monaco-workbench .inline-chat-newfile-widget {
308
	background-color: var(--vscode-inlineChat-regionHighlight);
309
}
310

311
.monaco-workbench .inline-chat-newfile-widget .title {
312
	display: flex;
313
	align-items: center;
314
	justify-content: space-between;
315
}
316

317
.monaco-workbench .inline-chat-newfile-widget .title .detail {
318
	margin-left: 4px;
319
}
320

321
.monaco-workbench .inline-chat-newfile-widget .buttonbar-widget {
322
	display: flex;
323
	margin-left: auto;
324
	margin-right: 8px;
325
}
326

327
.monaco-workbench .inline-chat-newfile-widget .buttonbar-widget > .monaco-button {
328
	display: inline-flex;
329
	white-space: nowrap;
330
	margin-left: 4px;
331
}
332

333
/* gutter decoration */
334

335
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque,
336
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent {
337
	display: block;
338
	cursor: pointer;
339
	transition: opacity .2s ease-in-out;
340
}
341

342
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque {
343
	opacity: 0.5;
344
}
345

346
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent {
347
	opacity: 0;
348
}
349

350
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-opaque:hover,
351
.monaco-workbench .glyph-margin-widgets .cgmr.codicon-inline-chat-transparent:hover {
352
	opacity: 1;
353
}
354

355
Product

Resources

Company
