Fix overflow issues in branch rule deploy keys

Chaoyue Zhaorequested to merge
481727-deploy-keys-overflow into master

What does this MR do and why?

Topic Details
⛳ feature flag :edit_branch_rules

Fix overflow issues with longer deploy keys and multiple access levels in branch rules

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Before After
Screenshot_2024-09-04_at_9.32.55_PM Screenshot_2024-09-04_at_9.36.12_PM

How to set up and validate locally

  1. Add a deploy key with read-write permission for that project. To test this MR, make the name extra long
  2. Go to *Project / Settings / Repository / Protected branches and set the deploy key in Allowed to push and merge dropdown.
  3. Scroll up to Project / Settings / Repository / Branch rules and click View details for a branch you protected with the key.
  4. When on Branch rule details page, you can see your deploy key in the Allowed to push and merge section. UI should not overflow on small screens

Related to #481727 (closed)

Merge request reports