fix(SessionSidebar): prevent overflow in session name
This commit is contained in:
@@ -1234,17 +1234,17 @@ export const SessionSidebar: React.FC<SessionSidebarProps> = ({
|
|||||||
disabled={isMissingDirectory}
|
disabled={isMissingDirectory}
|
||||||
onClick={() => handleSessionSelect(session.id, sessionDirectory, isMissingDirectory, projectId)}
|
onClick={() => handleSessionSelect(session.id, sessionDirectory, isMissingDirectory, projectId)}
|
||||||
className={cn(
|
className={cn(
|
||||||
'flex min-w-0 flex-1 flex-col gap-0 rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 text-foreground select-none',
|
'flex min-w-0 flex-1 flex-col gap-0 overflow-hidden rounded-sm text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 text-foreground select-none',
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{}
|
{}
|
||||||
<div className="flex items-center gap-2 min-w-0 flex-1">
|
<div className="flex items-center gap-2 min-w-0 flex-1 overflow-hidden">
|
||||||
{isStreaming ? (
|
{isStreaming ? (
|
||||||
<GridLoader size="xs" className="text-primary flex-shrink-0" />
|
<GridLoader size="xs" className="text-primary flex-shrink-0" />
|
||||||
) : null}
|
) : null}
|
||||||
<span className="truncate typography-ui-label font-normal text-foreground">
|
<div className="min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap typography-ui-label font-normal text-foreground">
|
||||||
{sessionTitle}
|
{sessionTitle}
|
||||||
</span>
|
</div>
|
||||||
|
|
||||||
{pendingPermissionCount > 0 ? (
|
{pendingPermissionCount > 0 ? (
|
||||||
<span
|
<span
|
||||||
|
|||||||
Reference in New Issue
Block a user