Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
microsoft
GitHub Repository: microsoft/vscode
Path: blob/main/src/vs/sessions/contrib/agentFeedback/browser/media/agentFeedbackEditorOverlay.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-editor-overlay-widget {
7
padding: 2px 4px;
8
color: var(--vscode-foreground);
9
background-color: var(--vscode-editorWidget-background);
10
border-radius: 6px;
11
border: 1px solid var(--vscode-editorHoverWidget-border);
12
display: flex;
13
align-items: center;
14
justify-content: center;
15
gap: 4px;
16
z-index: 10;
17
box-shadow: var(--vscode-shadow-lg);
18
overflow: hidden;
19
}
20
21
.agent-feedback-editor-overlay-widget .action-item > .action-label {
22
padding: 4px 6px;
23
font-size: 11px;
24
line-height: 14px;
25
border-radius: 4px;
26
}
27
28
.agent-feedback-editor-overlay-widget .monaco-action-bar .actions-container {
29
gap: 4px;
30
}
31
32
.agent-feedback-editor-overlay-widget .action-item.primary > .action-label {
33
background-color: var(--vscode-button-background);
34
color: var(--vscode-button-foreground);
35
}
36
37
.monaco-workbench .agent-feedback-editor-overlay-widget .monaco-action-bar .action-item.primary > .action-label:hover {
38
background-color: var(--vscode-button-hoverBackground);
39
}
40
41
.agent-feedback-editor-overlay-widget .action-item > .action-label.codicon:not(.separator) {
42
color: var(--vscode-foreground);
43
width: 22px;
44
height: 22px;
45
padding: 0;
46
font-size: 16px;
47
line-height: 22px;
48
display: flex;
49
align-items: center;
50
justify-content: center;
51
}
52
53
.agent-feedback-editor-overlay-widget .monaco-action-bar .action-item.disabled {
54
55
> .action-label.codicon::before,
56
> .action-label.codicon,
57
> .action-label,
58
> .action-label:hover {
59
color: var(--vscode-button-separator);
60
opacity: 1;
61
}
62
}
63
64
.agent-feedback-editor-overlay-widget .action-item.label-item {
65
font-variant-numeric: tabular-nums;
66
}
67
68
.agent-feedback-editor-overlay-widget .monaco-action-bar .action-item.label-item > .action-label,
69
.agent-feedback-editor-overlay-widget .monaco-action-bar .action-item.label-item > .action-label:hover {
70
color: var(--vscode-foreground);
71
opacity: 1;
72
}
73
74