admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 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

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

@ -87,17 +87,18 @@ const ProjectCard = ({ projectData, recall }) => {
<div className={`card cursor-pointer ${isPending ? "bg-light opacity-50 pointer-events-none" : ""}`}>
<div className="card-header pb-4">
<div className="d-flex align-items-start">
<div className="d-flex align-items-center">
<div className="d-flex align-items-center ">
<div className="avatar me-4">
<i
className="rounded-circle bx bx-building-house"
style={{ fontSize: "xx-large" }}
></i>
</div>
<div className="me-2">
<div className="me-2 text-wrap ">
<h5
className="mb-0 stretched-link text-heading text-start"
onClick={handleViewProject}
className="mb-0 stretched-link text-heading text-start text-truncate"
onClick={handleViewProject}
style={{ maxWidth: "180px", display: "inline-block" }}
>
{projectInfo.shortName
? projectInfo.shortName