binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: handled label overflow in modules (#6451)

Browse source
This commit is contained in:
Vamsi Krishna 2025-01-24 15:32:44 +05:30 • committed by GitHub
parent 8edff26ccd
commit f4a208bd44
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/core/components/core/sidebar/single-progress-stats.tsx
View file

@ -21,8 +21,8 @@ export const SingleProgressStats: React.FC<TSingleProgressStatsProps> = ({
} ${selected ? "bg-custom-background-90" : ""}`} } ${selected ? "bg-custom-background-90" : ""}`}
onClick={onClick} onClick={onClick}
> >
<div className="w-1/2">{title}</div> <div className="w-4/6">{title}</div>
<div className="flex w-1/2 items-center justify-end gap-1 px-2"> <div className="flex w-2/6 items-center justify-end gap-1 px-2">
<div className="flex h-5 items-center justify-center gap-1"> <div className="flex h-5 items-center justify-center gap-1">
<span className="w-8 text-right"> <span className="w-8 text-right">
{isNaN(Math.round((completed / total) * 100)) ? "0" : Math.round((completed / total) * 100)}% {isNaN(Math.round((completed / total) * 100)) ? "0" : Math.round((completed / total) * 100)}%

8
web/core/components/modules/analytics-sidebar/progress-stats.tsx
View file

@ -135,14 +135,14 @@ export const LabelStatComponent = observer((props: TLabelStatComponent) => {
<SingleProgressStats <SingleProgressStats
key={label.id} key={label.id}
title={ title={
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 truncate">
<span <div
className="block h-3 w-3 rounded-full" className="h-3 w-3 rounded-full flex-shrink-0"
style={{ style={{
backgroundColor: label.color ?? "transparent", backgroundColor: label.color ?? "transparent",
}} }}
/> />
<span className="text-xs">{label.title ?? "No labels"}</span> <p className="text-xs text-ellipsis truncate">{label.title ?? "No labels"}</p>
</div> </div>
} }
completed={label.completed} completed={label.completed}