github/OpenHands
1
0
Fork 0
mirror of https://github.com/OpenHands/OpenHands.git synced 2025-12-26 05:48:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

hotfix(frontend): Truncate long conversation card titles (#7001)

Browse Source
This commit is contained in:
sp.wack 2025-02-27 21:21:43 +04:00 committed by GitHub
parent be73792230
commit f02d55ae8b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/features/conversation-panel/conversation-card.tsx
View File

@ -101,9 +101,11 @@ export function ConversationCard({
"h-auto w-fit rounded-xl border border-[#525252]",
)}
>
<div className="flex items-center justify-between">
<div className="flex items-center gap-2 w-full">
{isActive && <span className="w-2 h-2 bg-blue-500 rounded-full" />}
<div className="flex items-center justify-between w-full">
<div className="flex items-center gap-2 flex-1 min-w-0 overflow-hidden mr-2">
{isActive && (
<span className="w-2 h-2 bg-blue-500 rounded-full flex-shrink-0" />
)}
{titleMode === "edit" && (
<input
ref={inputRef}
@ -119,7 +121,8 @@ export function ConversationCard({
{titleMode === "view" && (
<p
data-testid="conversation-card-title"
className="text-sm leading-6 font-semibold bg-transparent w-full"
className="text-sm leading-6 font-semibold bg-transparent truncate overflow-hidden"
title={title}
>
{title}
</p>