Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
 Path: blob/main/src/vs/workbench/contrib/inlineChat/browser/media/inlineChatOverlayWidget.css
5241 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
.inline-chat-gutter-menu.clamped {

7
	transition: top 100ms;

8
}

9


10
.inline-chat-gutter-menu .input .monaco-editor-background {

11
	background-color: var(--vscode-menu-background);

12
}

13


14
.inline-chat-session-overlay-widget {

15
	z-index: 1;

16
	transition: top 100ms;

17
}

18


19
.inline-chat-session-overlay-container {

20
	padding: 2px 4px;

21
	color: var(--vscode-foreground);

22
	background-color: var(--vscode-editorWidget-background);

23
	border-radius: 6px;

24
	border: 1px solid var(--vscode-contrastBorder);

25
	display: flex;

26
	align-items: center;

27
	justify-content: center;

28
	gap: 4px;

29
	z-index: 10;

30
	box-shadow: 0 2px 8px var(--vscode-widget-shadow);

31
	overflow: hidden;

32
}

33


34
.inline-chat-session-overlay-container .status {

35
	align-items: center;

36
	display: inline-flex;

37
	padding: 5px 0 5px 5px;

38
	font-size: 12px;

39
	overflow: hidden;

40
	gap: 6px;

41
}

42


43
.inline-chat-session-overlay-container .status .message {

44
	white-space: nowrap;

45
	overflow: hidden;

46
	text-overflow: ellipsis;

47
}

48


49
.inline-chat-session-overlay-container .status .message:not(:empty) {

50
	padding-right: 2em;

51
}

52


53
.inline-chat-session-overlay-container .status .codicon {

54
	color: var(--vscode-foreground);

55
}

56


57
.inline-chat-session-overlay-container .action-item > .action-label {

58
	padding: 4px 6px;

59
	font-size: 11px;

60
	line-height: 14px;

61
	border-radius: 4px;

62
}

63


64
.inline-chat-session-overlay-container .monaco-action-bar .actions-container {

65
	gap: 4px;

66
}

67


68
.inline-chat-session-overlay-container .action-item.primary > .action-label {

69
	background-color: var(--vscode-button-background);

70
	color: var(--vscode-button-foreground);

71
}

72


73
.monaco-workbench .inline-chat-session-overlay-container .monaco-action-bar .action-item.primary > .action-label:hover {

74
	background-color: var(--vscode-button-hoverBackground);

75
}

76


77
.inline-chat-session-overlay-container .action-item > .action-label.codicon:not(.separator) {

78
	color: var(--vscode-foreground);

79
	width: 22px;

80
	height: 22px;

81
	padding: 0;

82
	font-size: 16px;

83
	line-height: 22px;

84
	display: flex;

85
	align-items: center;

86
	justify-content: center;

87
}

88


89
.inline-chat-session-overlay-container .monaco-action-bar .action-item.disabled {

90


91
	> .action-label.codicon::before,

92
	> .action-label.codicon,

93
	> .action-label,

94
	> .action-label:hover {

95
		color: var(--vscode-button-separator);

96
		opacity: 1;

97
	}

98
}

99


100