mirror of
https://github.com/sourcebot-dev/sourcebot.git
synced 2025-12-12 12:25:22 +00:00
more citation color changes:
This commit is contained in:
parent
5efe6a8721
commit
9fb5ad353c
2 changed files with 17 additions and 3 deletions
|
|
@ -104,7 +104,8 @@
|
||||||
--chat-reference-selected-border: hsl(217, 91%, 60%);
|
--chat-reference-selected-border: hsl(217, 91%, 60%);
|
||||||
|
|
||||||
--chat-citation: #3b83f640;
|
--chat-citation: #3b83f640;
|
||||||
--chat-citation-hover: hsl(217, 91%, 70%);
|
--chat-citation-hover: hsl(217, 91%, 75%);
|
||||||
|
--chat-citation-selected: hsl(217, 91%, 65%);
|
||||||
--chat-citation-border: hsl(217, 91%, 60%);
|
--chat-citation-border: hsl(217, 91%, 60%);
|
||||||
|
|
||||||
--warning: #ca8a04;
|
--warning: #ca8a04;
|
||||||
|
|
@ -195,7 +196,8 @@
|
||||||
--chat-reference-selected-border: hsl(217, 91%, 60%);
|
--chat-reference-selected-border: hsl(217, 91%, 60%);
|
||||||
|
|
||||||
--chat-citation: #1e3b8a87;
|
--chat-citation: #1e3b8a87;
|
||||||
--chat-citation-hover: hsl(217, 91%, 55%);
|
--chat-citation-hover: hsl(217, 91%, 45%);
|
||||||
|
--chat-citation-selected: hsl(217, 80%, 50%);
|
||||||
--chat-citation-border: hsl(217, 91%, 60%);
|
--chat-citation-border: hsl(217, 91%, 60%);
|
||||||
|
|
||||||
--warning: #fde047;
|
--warning: #fde047;
|
||||||
|
|
@ -274,6 +276,13 @@
|
||||||
background-color: var(--chat-citation-hover) !important;
|
background-color: var(--chat-citation-hover) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Separate selected class for inline chat citations */
|
||||||
|
.chat-citation--selected {
|
||||||
|
background-color: var(--chat-citation-selected) !important;
|
||||||
|
border-color: var(--chat-citation-border) !important;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
/* Chat citation styling for inline citations in chat responses */
|
/* Chat citation styling for inline citations in chat responses */
|
||||||
.bg-chat-citation {
|
.bg-chat-citation {
|
||||||
background-color: var(--chat-citation);
|
background-color: var(--chat-citation);
|
||||||
|
|
|
||||||
|
|
@ -235,12 +235,17 @@ export const ChatThreadListItem = forwardRef<HTMLDivElement, ChatThreadListItemP
|
||||||
});
|
});
|
||||||
|
|
||||||
referenceElements.forEach(element => {
|
referenceElements.forEach(element => {
|
||||||
element.classList.add('chat-reference--selected');
|
// Check if it's an inline chat citation or code viewer element
|
||||||
|
const isInlineCitation = element.classList.contains('bg-chat-citation');
|
||||||
|
const selectedClass = isInlineCitation ? 'chat-citation--selected' : 'chat-reference--selected';
|
||||||
|
element.classList.add(selectedClass);
|
||||||
});
|
});
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
referenceElements.forEach(element => {
|
referenceElements.forEach(element => {
|
||||||
|
// Remove both possible selected classes
|
||||||
element.classList.remove('chat-reference--selected');
|
element.classList.remove('chat-reference--selected');
|
||||||
|
element.classList.remove('chat-citation--selected');
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
}, [selectedReference]);
|
}, [selectedReference]);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue