From ed7a57810e55fcc18e665d6edf7d0493c16e7706 Mon Sep 17 00:00:00 2001
From: cd-bitwarden <106776772+cd-bitwarden@users.noreply.github.com>
Date: Tue, 4 Jun 2024 10:58:09 -0400
Subject: [PATCH] [SM-1192] displaying full project name in tooltip and
 allowing more of project name in bit badge/project column (#8917)

* allowing max width adjustment on bit badge and not truncating the tooltip text on project

* suggested changes from WIll

* updating values
---
 .../app/secrets-manager/shared/secrets-list.component.html    | 3 ++-
 libs/components/src/badge/badge.directive.ts                  | 4 +++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
index f8d5d1081e..4b629ca488 100644
--- a/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
+++ b/bitwarden_license/bit-web/src/app/secrets-manager/shared/secrets-list.component.html
@@ -93,8 +93,9 @@
           variant="secondary"
           class="tw-ml-1"
           [title]="project.name"
+          maxWidthClass="tw-max-w-60"
         >
-          {{ project.name | ellipsis: 32 }}
+          {{ project.name }}
         </span>
         <span *ngIf="secret.projects.length === 0" bitBadge variant="warning" class="tw-ml-1"
           ><i class="bwi bwi-fw bwi-exclamation-triangle tw-mr-1" aria-hidden="true"></i
diff --git a/libs/components/src/badge/badge.directive.ts b/libs/components/src/badge/badge.directive.ts
index acce4a18aa..ce41072706 100644
--- a/libs/components/src/badge/badge.directive.ts
+++ b/libs/components/src/badge/badge.directive.ts
@@ -49,7 +49,7 @@ export class BadgeDirective implements FocusableElement {
     ]
       .concat(styles[this.variant])
       .concat(this.hasHoverEffects ? hoverStyles[this.variant] : [])
-      .concat(this.truncate ? ["tw-truncate", "tw-max-w-40"] : []);
+      .concat(this.truncate ? ["tw-truncate", this.maxWidthClass] : []);
   }
   @HostBinding("attr.title") get title() {
     return this.truncate ? this.el.nativeElement.textContent.trim() : null;
@@ -65,6 +65,8 @@ export class BadgeDirective implements FocusableElement {
    */
   @Input() truncate = true;
 
+  @Input() maxWidthClass: `tw-max-w-${string}` = "tw-max-w-40";
+
   getFocusTarget() {
     return this.el.nativeElement;
   }