fix: APP-3104 - Clamp ProposalDataListItemStructure title to single l…

…ine (#160)
aragon · Apr 23, 2024 · d09b479 · d09b479
1 parent d04a1d7
commit d09b479
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -21,6 +21,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 -   Bump `actions/setup-node` from 3.6.0 to 4.0.2
 -   Bump `softprops/action-gh-release` from 0.1.15 to 2.0.4
 
+### Fixed
+
+-   `ProposalDataListItemStructure` module component to clamp title to one line
+
 ## [1.0.24] - 2024-04-23
 
 ### Added

diff --git a/...osal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx b/...osal/proposalDataListItem/proposalDataListItemStructure/proposalDataListItemStructure.tsx
@@ -53,9 +53,9 @@ export const ProposalDataListItemStructure: React.FC<IProposalDataListItemStruct
         <DataList.Item className={classNames('flex flex-col gap-y-4', className)} {...otherProps}>
             <ProposalDataListItemStatus date={date} status={status} voted={voted} />
             <div className="flex flex-col gap-y-1">
-                <p className="line-clamp-1 flex gap-x-3 text-lg leading-tight md:text-2xl">
-                    {id && <span className="text-neutral-500">{id}</span>}
-                    <span className="text-neutral-800">{title}</span>
+                <p className="flex gap-x-3 text-lg leading-tight md:text-2xl">
+                    {id && <span className="shrink-0 text-neutral-500">{id}</span>}
+                    <span className="line-clamp-1 text-neutral-800">{title}</span>
                 </p>
                 <p className="line-clamp-2 leading-normal text-neutral-500 md:text-lg">{summary}</p>
             </div>