Resolve project filter dropdown overflowing when a long name is selected
What does this MR do and why?
This MR resolves the project filter dropdown overflowing when a project with a long name is selected for #359845 (closed).
It also makes the following minor changes:
- Adds truncation to the selected item text.
- Resolves the dropdown chevron shrinking on long names.
- Updates project dropdown filter specs.
The dropdown is shared by:
- Group > Security & Compliance > Compliance report
- Group > Analytics > Value stream
- Group > Analytics > Productivity
Screenshots or screen recordings
Group > Security & Compliance > Compliance report
| Before | After |
|---|---|
 |
 |
Group > Analytics > Value stream
| Before | After |
|---|---|
 |
 |
Group > Analytics > Productivity
| Before | After |
|---|---|
 |
 |
How to set up and validate locally
- You need a GitLab Ultimate license.
- Checkout this branch.
- In your test group, create a project with the name
Really long naaaaaaaaaaaaaaaaaaaaaaaaaaaaaame. - In your test group, view the dashboard and select the newly created project to verify that the change works:
- Group > Security & Compliance > Compliance report
- Group > Analytics > Value stream
- Group > Analytics > Productivity
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Edited by Jiaan Louw