admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Truncate long project short names to prevent overflow in project card

Browse Source
This commit is contained in:
pramod mahajan 2025-07-15 13:13:29 +05:30
parent 2d7c7ada96
commit 983d8d6091
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Project/ProjectCard.jsx
View File

@ -94,10 +94,11 @@ const ProjectCard = ({ projectData, recall }) => {
style={{ fontSize: "xx-large" }} style={{ fontSize: "xx-large" }}
></i> ></i>
</div> </div>
<div className="me-2"> <div className="me-2 text-wrap ">
<h5 <h5
className="mb-0 stretched-link text-heading text-start" className="mb-0 stretched-link text-heading text-start text-truncate"
onClick={handleViewProject} onClick={handleViewProject}
style={{ maxWidth: "180px", display: "inline-block" }}
> >
{projectInfo.shortName {projectInfo.shortName
? projectInfo.shortName ? projectInfo.shortName