From dbb865f6f3879404664b689d4a327505df7a082a Mon Sep 17 00:00:00 2001
From: Timothy Carambat <rambat1010@gmail.com>
Date: Wed, 14 Feb 2024 13:16:52 -0800
Subject: [PATCH] design QA (#724)
---
.../ThreadContainer/ThreadItem/index.jsx | 12 ++++++------
1 file changed, 6 insertions(+), 6 deletions(-)
diff --git a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
index 5e9a66f40..5b7cb5e0b 100644
--- a/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
+++ b/frontend/src/components/Sidebar/ActiveWorkspaces/ThreadContainer/ThreadItem/index.jsx
@@ -26,7 +26,7 @@ export default function ThreadItem({
: paths.workspace.thread(slug, thread.slug);
return (
- <div className="w-full relative flex h-[40px] items-center border-none hover:bg-slate-600/20 rounded-lg">
+ <div className="w-full relative flex h-[38px] items-center border-none hover:bg-slate-600/20 rounded-lg">
{/* Curved line Element and leader if required */}
<div
style={{ width: THREAD_CALLOUT_DETAIL_WIDTH / 2 }}
@@ -34,7 +34,7 @@ export default function ThreadItem({
isActive
? "border-l-2 border-b-2 border-white"
: "border-l border-b border-slate-300"
- } h-[50%] absolute top-0 left-2 rounded-bl-lg`}
+ } h-[50%] absolute top-0 z-10 left-2 rounded-bl-lg`}
></div>
{/* Downstroke border for next item */}
{hasNext && (
@@ -44,14 +44,14 @@ export default function ThreadItem({
idx <= activeIdx && !isActive
? "border-l-2 border-white"
: "border-l border-slate-300"
- } h-[100%] absolute top-0 left-2`}
+ } h-[100%] absolute top-0 z-1 left-2`}
></div>
)}
{/* Curved line inline placeholder for spacing - not visible */}
<div
- style={{ width: THREAD_CALLOUT_DETAIL_WIDTH }}
- className="w-[26px] h-full"
+ style={{ width: THREAD_CALLOUT_DETAIL_WIDTH + 8 }}
+ className="h-full"
/>
<div className="flex w-full items-center justify-between pr-2 group relative">
{thread.deleted ? (
@@ -64,7 +64,7 @@ export default function ThreadItem({
<a href={isActive ? "#" : linkTo} className="w-full">
<p
className={`text-left text-sm ${
- isActive ? "font-bold text-white" : "text-slate-400"
+ isActive ? "font-medium text-white" : "text-slate-400"
}`}
>
{truncate(name, 25)}