fix: active cycle menu overflow (#2161)

This commit is contained in:
Vamsi Krishna
2025-01-09 16:24:18 +05:30
committed by GitHub
parent 9235a89075
commit 6efb2b40d1

View File

@@ -49,13 +49,13 @@ export const CycleProgressHeader: FC<Props> = (props: Props) => {
onClick={handleControlLinkClick}
href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycleDetails.id}`}
>
<div className="px-page-x flex items-center justify-between py-4 bg-custom-sidebar-background-100 w-full">
<div className="flex gap-6 h-full rounded-full truncate">
<div className="px-page-x flex items-center justify-between py-4 bg-custom-sidebar-background-100 w-full gap-2">
<div className="flex gap-6 h-full truncate">
{progress === null && <Loader.Item width="82px" height="82px" className="rounded-full" />}
{progress && (
<ProgressDonut progress={progressToday} days_left={findHowManyDaysLeft(cycleDetails.end_date) ?? 0} />
)}
<div className="flex flex-col h-full my-auto w-full overflow-hidden max-w-[85%]">
<div className="flex flex-col h-full my-auto w-full overflow-hidden">
<div className="text-xs text-custom-primary-200 font-medium self-start">Currently active cycle</div>
<Tooltip tooltipContent={cycleDetails.name} position="bottom-right">
<div className="inline-block line-clamp-1 truncate font-bold text-custom-text-100 my-1 text-[20px] text-left">
@@ -75,7 +75,7 @@ export const CycleProgressHeader: FC<Props> = (props: Props) => {
</div>
</div>
</div>
<div className="flex gap-4 items-center" onClick={handleEventPropagation}>
<div className="flex shrink-0 gap-4 items-center" onClick={handleEventPropagation}>
<CycleListItemAction
workspaceSlug={workspaceSlug}
projectId={projectId}