fix(APP-3490): Fix truncation issue on VoteProposalDataListItem modul…

…e component (#302)
aragon · Sep 30, 2024 · 097f7bb · 097f7bb
1 parent 74ed4ac
commit 097f7bb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Added
+
+-   Add truncation to `VoteProposalDateListItem` module component.
+
 ## [1.0.47] - 2024-09-23
 
 ### Added

diff --git a/...posalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx b/...posalDataListItem/voteProposalDataListItemStructure/voteProposalDataListItemStructure.tsx
@@ -37,8 +37,8 @@ export const VoteProposalDataListItemStructure: React.FC<IVoteProposalDataListIt
             {...otherProps}
         >
             <div className="flex items-center gap-x-1 text-base font-normal leading-tight md:gap-x-1.5 md:text-lg">
-                <span className="text-ellipsis whitespace-nowrap text-neutral-500">{proposalId}</span>
-                <span className="truncate text-neutral-800">{proposalTitle}</span>
+                <p className="shrink-0 text-neutral-500">{proposalId}</p>
+                <p className="line-clamp-1 text-neutral-800">{proposalTitle}</p>
             </div>
             <div className="flex items-center gap-x-1 text-sm font-normal leading-tight text-neutral-500 md:gap-x-1.5 md:text-base">
                 <span>{confirmationLabel ?? copy.voteProposalDataListItemStructure.voted}</span>