Resolve "Replace gl-border-red-500"
What does this MR do and why?
- Replace instances of
gl-border-red-500used for errors withis-invalidfor consistent error presentation. The underlying hex value should remain unchanged, so there should be no noticeable visual difference from the changes. - Update vulnerability severity button to use danger button classes.
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
|
|
|
|
How to set up and validate locally
File name
- Navigate to http://gitlab.com/[project] → "+" → "New file"
- In developer tools, add
is-invalidto the input classes.
New branch name
- Navigation to http://gitlab.com/[project] → Branches → "New branch"
- Enter an invalid branch name, for example
/test-branch. - Move focus away from the input to see the border change.
Vulnerability severity
- Navigation to http://gitlab.com/[project] → Secure → Vulnerability report
- Click on a vulnerability name to go to its summary page.
- In the top right 'Edit vulnerability' dropdown choose 'Change severity.'
- Without making a selection or entering content into the textarea click 'Change severity'.
MR acceptance checklist
Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Related to #540307
Edited by Jeremy Elder





