Ensure selected row color takes precedence (#185)

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

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
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,9 +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 && 'bg-manatee-400 text-manatee-950',
+        trace.id === selectedTraceId ? 'bg-manatee-400 text-manatee-950' : 'even:bg-manatee-200',
       )}
     >
       <TraceListRowCell data-test-id="column-data-method-cell">