daohualiuxiang
/
vscode
mirror of https://github.com/microsoft/vscode.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[instruction attachments]: improve CSS styles

legomushroom/instruction-attachments
Oleg Solomko 2024-12-27 15:23:18 -08:00
parent de9a42fb4c
commit 9c0088eeee
1 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/vs/workbench/contrib/chat/browser/media/chat.css
View File

@ -926,20 +926,49 @@ have to be updated for changes to the rules above, or to support more deeply nes
}
/**
* Styles related to `prompt instruction` attachments.
* Styles for the `prompt instructions` attachment widget.
*/
.chat-attached-context .chat-attached-context-attachment.chat-prompt-instructions-attachment .codicon {
color: inherit;
.chat-attached-context .chat-prompt-instructions-attachments {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
.chat-attached-context .chat-attached-context-attachment.chat-prompt-instructions-attachment {
.chat-attached-context .chat-prompt-instructions-attachment {
display: flex;
gap: 4px;
border-color: currentColor;
}
.chat-attached-context .chat-attached-context-attachment.chat-prompt-instructions-attachment.warning {
.chat-attached-context .chat-prompt-instructions-attachment .codicon {
color: inherit;
text-decoration: none;
}
.chat-attached-context .chat-prompt-instructions-attachment .chat-implicit-hint {
opacity: 0.7;
font-size: .9em;
}
.chat-attached-context .chat-prompt-instructions-attachment.warning {
color: var(--vscode-notificationsWarningIcon-foreground);
}
.chat-attached-context .chat-attached-context-attachment.chat-prompt-instructions-attachment.error {
.chat-attached-context .chat-prompt-instructions-attachment.error {
color: var(--vscode-notificationsErrorIcon-foreground);
}
.chat-attached-context .chat-prompt-instructions-attachment.disabled {
border-style: dashed;
opacity: 0.75;
}
.chat-attached-context .chat-prompt-instructions-attachment.disabled:hover {
opacity: 1;
}
.chat-attached-context .chat-prompt-instructions-attachment.disabled .chat-implicit-hint,
.chat-attached-context .chat-prompt-instructions-attachment.disabled .label-name {
font-style: italic;
text-decoration: line-through;
}
.chat-attached-context .chat-prompt-instructions-attachment.disabled:focus {
outline: none;
border-color: var(--vscode-focusBorder);
}
.chat-notification-widget .chat-warning-codicon .codicon-warning,
.chat-quota-error-widget .codicon-warning {