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 { .chat-attached-context .chat-prompt-instructions-attachments {
color: inherit; 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; 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); 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); 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-notification-widget .chat-warning-codicon .codicon-warning,
.chat-quota-error-widget .codicon-warning { .chat-quota-error-widget .codicon-warning {