ProjectsMenu truncates long titles and the badge is right-aligned

2023-07-26 13:37:18 +01:00
parent d7c4b24203
commit 0b89ee7eb5
1 changed files with 4 additions and 2 deletions
@@ -52,8 +52,10 @@ export function ProjectsMenu({ matches }: { matches: RouteMatch[] }) {
                      key={project.id}
                      to={projectPath(organization, project)}
                      title={
-                        <div className="flex w-[calc(100%-44px)] items-center justify-between pl-1 text-bright">
-                          <span className="grow text-left">{project.name}</span>
+                        <div className="flex w-full items-center justify-between pl-1 text-bright">
+                          <span className="grow truncate text-left">
+                            {project.name}
+                          </span>
                          <Badge className="mr-0.5">{simplur`${project._count.jobs} job[|s]`}</Badge>
                        </div>
                      }