Ensure selected row color takes precedence

FormidableLabs · Nov 16, 2023 · edf0075 · edf0075
1 parent c8d8ea7
commit edf0075
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/clean-beds-pull.md b/.changeset/clean-beds-pull.md
@@ -0,0 +1,5 @@
+---
+'@envyjs/webui': patch
+---
+
+Ensure selected row color takes precendence
diff --git a/packages/webui/src/components/ui/TraceListRow.tsx b/packages/webui/src/components/ui/TraceListRow.tsx
@@ -18,8 +18,9 @@ export default function TraceListRow({ trace }: { trace: Trace }) {
       key={trace.id}
       onClick={() => setSelectedTrace(trace.id)}
       className={tw(
-        'table-row h-11 hover:bg-apple-200 hover:cursor-pointer hover:text-apple-900 even:bg-manatee-200 text-manatee-800',
+        'table-row h-11 hover:bg-apple-200 hover:cursor-pointer hover:text-apple-900 text-manatee-800',
         trace.http?.state === HttpRequestState.Sent && 'text-manatee-500',
+        trace.id !== selectedTraceId && 'even:bg-manatee-200',
         trace.id === selectedTraceId && 'bg-manatee-400 text-manatee-950',
       )}
     >