Skip to content

Add word break style to branch name in dropdown

What does this MR do?

Accounts for better user experience when there is a long branch name within the select a branch name dropdown. Long branch name will now appear on multiple lines, supporting word break.

Issue

image

Result

image

Affected Areas

  1. Create a new branch with an extremely long name
  • Example: mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
  1. Ensure all these pages' branch dropdown shows the entirety of the extremely long branch name and appears broken up.
  • Project > Details page
  • Repository > Files page
  • Repository > Commits page
  • Repository > Contributors page

Tested on:

  • IE11, Edge, Safari, Chrome, Firefox

Does this MR meet the acceptance criteria?

Conformity

Performance and testing

Security

If this MR contains changes to processing or storing of credentials or tokens, authorization and authentication methods and other items described in the security review guidelines:

  • Label as security and @ mention @gitlab-com/gl-security/appsec
  • The MR includes necessary changes to maintain consistency between UI, API, email, or other methods
  • Security reports checked/validated by a reviewer from the AppSec team

Closes #62154 (closed)

Edited by Samantha Ming

Merge request reports

Loading