Design item: Improve a11y label, contrast and alignment
What does this MR do and why?
Design item:
- Improve a11y label
- Migrate checkbox to
GlFormCheckbox - Migrate pseudo card to
GlCard - Visual consistency between Issuables and Work items (bg colors, font size)
- Design token migration
References
Please include cross links to any resources that are relevant to this MR. This will give reviewers and future readers helpful context to give an efficient review of the changes introduced.
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
| Before | After |
|---|---|
| Label a11y imporvement | |
 |
 |
| Visual consistency | |
| Issuable | |
 |
 |
 |
 |
| Work item | |
 |
 |
 |
 |
How to set up and validate locally
- Go to http://gdk.test:3000/flightjs/Flight/-/issues/3
- Upload some designs
- View as work item: http://gdk.test:3000/flightjs/Flight/-/work_items/3
Related to #512691 (closed)
Edited by Sascha Eggenberger