From 2825e03cef3abf9abfb6afcc616b58158fec7222 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Wed, 18 Sep 2024 12:44:52 -0400
Subject: [PATCH] Minor fixes

---
 webview-ui/src/components/ChatTextArea.tsx |  2 +-
 webview-ui/src/components/TaskHeader.tsx   |  4 +---
 webview-ui/src/index.css                   | 16 +++++++++-------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/webview-ui/src/components/ChatTextArea.tsx b/webview-ui/src/components/ChatTextArea.tsx
index cab9a2b..be17507 100644
--- a/webview-ui/src/components/ChatTextArea.tsx
+++ b/webview-ui/src/components/ChatTextArea.tsx
@@ -372,7 +372,7 @@ const ChatTextArea = forwardRef<HTMLTextAreaElement, ChatTextAreaProps>(
 			highlightLayerRef.current.innerHTML = text
 				.replace(/\n$/, "\n\n")
 				.replace(/[<>&]/g, (c) => ({ "<": "&lt;", ">": "&gt;", "&": "&amp;" }[c] || c))
-				.replace(mentionRegexGlobal, '<mark class="mention-context-highlight">$&</mark>')
+				.replace(mentionRegexGlobal, '<mark class="mention-context-textarea-highlight">$&</mark>')
 
 			highlightLayerRef.current.scrollTop = textAreaRef.current.scrollTop
 			highlightLayerRef.current.scrollLeft = textAreaRef.current.scrollLeft
diff --git a/webview-ui/src/components/TaskHeader.tsx b/webview-ui/src/components/TaskHeader.tsx
index bbbd496..2b928e3 100644
--- a/webview-ui/src/components/TaskHeader.tsx
+++ b/webview-ui/src/components/TaskHeader.tsx
@@ -351,9 +351,7 @@ export const highlightMentions = (text?: string, withShadow = true) => {
 			return (
 				<span
 					key={index}
-					className={`mention-context-highlight-${
-						withShadow ? "visible-with-shadow" : "visible-without-shadow"
-					}`}>
+					className={withShadow ? "mention-context-highlight-with-shadow" : "mention-context-highlight"}>
 					@{part}
 				</span>
 			)
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index cf47f52..7544c11 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -143,7 +143,9 @@ vscode-dropdown::part(listbox) {
 	opacity: 0.4;
 }
 
-.mention-context-highlight {
+/* Context mentions */
+
+.mention-context-textarea-highlight {
 	background-color: color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
 	border-radius: 3px;
 	box-shadow: 0 0 0 0.5px color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
@@ -154,13 +156,13 @@ vscode-dropdown::part(listbox) {
 	bottom: -0.5px; */
 }
 
-.mention-context-highlight-visible-with-shadow {
+.mention-context-highlight {
+	background-color: color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
+	border-radius: 3px;
+}
+
+.mention-context-highlight-with-shadow {
 	background-color: color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
 	border-radius: 3px;
 	box-shadow: 0 0 0 0.5px color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
 }
-
-.mention-context-highlight-visible-without-shadow {
-	background-color: color-mix(in srgb, var(--vscode-badge-foreground) 30%, transparent);
-	border-radius: 3px;
-}