[SM-1192] displaying full project name in tooltip and allowing more of project name in bit badge/project column

[cd-bitwarden]

Allowing max width adjustment on bit badge and not truncating the tooltip

Type of change

- [ x ] Bug fix
- [ ] New feature development
- [ ] Tech debt (refactoring, code cleanup, dependency upgrades, etc)
- [ ] Build/deploy pipeline (DevOps)
- [ ] Other

Objective

Allowing max width adjustment on bit badge and not truncating the tooltip so the user can see more of the project name easily when viewing the secrets list.

Code changes

Updated the bit badge directive file to allow customizing the max width, removing truncation pipe from the project name on the secrets list.

• file.ext: Description of what was changed and why

Screenshots

Updated UI

Before you submit

• Please add unit tests where it makes sense to do so (encouraged but not required)
• If this change requires a documentation update - notify the documentation team
• If this change has particular deployment requirements - notify the DevOps team
• Ensure that all UI additions follow WCAG AA requirements

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 2 lines in your changes are missing coverage. Please review.

Project coverage is 27.73%. Comparing base (b4631b0) to head (a55e577).

Files	Patch %	Lines
libs/components/src/badge/badge.directive.ts	0.00%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8917      +/-   ##
==========================================
- Coverage   27.73%   27.73%   -0.01%     
==========================================
  Files        2405     2405              
  Lines       69596    69597       +1     
  Branches    12954    12954              
==========================================
  Hits        19302    19302              
- Misses      48806    48807       +1     
  Partials     1488     1488              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

Checkmarx One – Scan Summary & Details – 3e7740f5-45b6-48ec-8eed-ffdf86d872cc

No New Or Fixed Issues Found

[Thomas-Avery]

Looks good from the SM perspective.

Let's make sure the component library team is good with the proposed change.

[willmartian]

Hey @cd-bitwarden! Looks good, tiny change request:

[willmartian]

Could you update the type to be more restrictive? And the name to convey that we expect a Tailwind class instead of a raw value.

  @Input() maxWidthClass: `tw-max-w-${string}` = "tw-max-w-40";