Use gl-badge for web IDE activity bar
What does this MR do and why?
This MR is part of the Pajamas migration and changes a <div> to use <gl-badge> on the web IDE activity bar:
 |
Here's how it looks like with different digits:
1 digit:
| Before | After |
|---|---|
 |
 |
2 digits:
| Before | After |
|---|---|
 |
 |
3 digits:
| Before | After |
|---|---|
 |
 |
How to test locally
- Go to the home page for any project and click on
Web IDE:
 |
- Open up any file and make a single edit. Verify that left sidebar now shows the modified file count in a badge.
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 #334306
Edited by Daniel Tian