Prevent overflowing of runner tags
What does this MR do and why?
Related to #345327
This change prevents the overflowing of long runner tags and displays a tooltip where tags overflow the available space.
This change also updates the color of the badges and their size to match our spec.
Screenshots or screen recordings
| before | after |
|---|---|
 |
 |
Tooltips appear where required
How to set up and validate locally
- Visit the admin runners page e.g.
http://gdk.test:3000/admin/runners - Click on a runner to add different tags, long, short, empty...
- Visit the admin runners page e.g.
http://gdk.test:3000/admin/runners - Check tags are correctly displayed
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.
Related to #343262 (closed)
Edited by Miguel Rincon