Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/sessions/contrib/agentFeedback/browser/media/agentFeedbackEditorInput.css
13405 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
.agent-feedback-input-widget {

7
	position: absolute;

8
	z-index: 10000;

9
	background-color: var(--vscode-panel-background);

10
	border: 1px solid var(--vscode-agentFeedbackInputWidget-border, var(--vscode-editorWidget-border, var(--vscode-contrastBorder)));

11
	box-shadow: var(--vscode-shadow-lg);

12
	border-radius: 8px;

13
	padding: 4px;

14
	display: flex;

15
	flex-direction: row;

16
	align-items: flex-end;

17
	animation: agentFeedbackInputAppear 0.15s ease-out;

18
}

19


20
@keyframes agentFeedbackInputAppear {

21
	from {

22
		opacity: 0;

23
		transform: translateY(4px);

24
	}

25
	to {

26
		opacity: 1;

27
		transform: translateY(0);

28
	}

29
}

30


31
@media (prefers-reduced-motion: reduce) {

32
	.agent-feedback-input-widget {

33
		animation: none;

34
		transform: none;

35
	}

36
}

37
.agent-feedback-input-widget textarea {

38
	background-color: var(--vscode-panel-background);

39
	border: none;

40
	color: var(--vscode-input-foreground);

41
	font: inherit;

42
	border-radius: 4px;

43
	padding: 0 0 0 6px;

44
	outline: none;

45
	min-width: 150px;

46
	max-width: 400px;

47
	resize: none;

48
	overflow-y: hidden;

49
	white-space: pre-wrap;

50
	word-wrap: break-word;

51
	box-sizing: border-box;

52
	display: block;

53
	flex: 1;

54
}

55


56
.agent-feedback-input-widget textarea:focus {

57
	border-color: var(--vscode-focusBorder);

58
	outline: none !important;

59
}

60


61
.agent-feedback-input-widget textarea::placeholder {

62
	color: var(--vscode-input-placeholderForeground);

63
}

64


65
.agent-feedback-input-widget .agent-feedback-input-measure {

66
	position: absolute;

67
	visibility: hidden;

68
	height: 0;

69
	overflow: hidden;

70
	white-space: pre;

71
	font: inherit;

72
	font-size: 13px;

73
}

74


75
.agent-feedback-input-widget .agent-feedback-input-actions {

76
	display: flex;

77
	align-items: center;

78
	margin-left: 2px;

79
	flex-shrink: 0;

80
}

81


82
.agent-feedback-input-widget .agent-feedback-input-actions .action-bar .action-item .action-label {

83
	width: 16px;

84
	height: 16px;

85
}

86


87