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

fix: cycle and module sidebar overflow fix

Browse source
This commit is contained in:
anmolsinghbhatia 2023-06-29 18:19:38 +05:30
parent 8229b12c9c
commit f2a4e026a5
2 changed files with 12 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/app/components/cycles/sidebar.tsx
View file

@ -408,7 +408,11 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
<div className="flex w-full flex-col gap-6 px-6 py-6">
<div className="flex w-full flex-col items-start justify-start gap-2">
<div className="flex w-full items-start justify-between gap-2">
<h4 className="text-xl font-semibold text-brand-base">{cycle.name}</h4>
<div className="max-w-[300px]">
<h4 className="text-xl font-semibold text-brand-base break-words w-full">
{cycle.name}
</h4>
</div>
<CustomMenu width="lg" ellipsis>
{!isCompleted && (
<CustomMenu.MenuItem onClick={() => setCycleDeleteModal(true)}>
@ -427,7 +431,7 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
</CustomMenu>
</div>
<span className="whitespace-normal text-sm leading-5 text-brand-secondary">
<span className="whitespace-normal text-sm leading-5 text-brand-secondary break-words w-full">
{cycle.description}
</span>
</div>