Fix emoji award button styling for selected state
What does this MR do and why?
A recent change in gitlab/ui added specific styling for the selected state for buttons, which disrupts the styles for emoji award buttons when the current user has left that emoji award.
This MR adds excplicit styles for the award button selected state so that they are not overridden.
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
| Mode | Before | After |
|---|---|---|
| Light | ![]() |
![]() |
| Dark | ![]() |
![]() |
How to set up and validate locally
- Check out this branch
- Visit an issue or MR in the GDK
- Add an emoji reaction
- Toggle dark mode on or off to see the other color mode (either dark if you use light, or light if you use dark)
- In steps 3 and 4, the style of the emoji button where you have added an emoji should match the style used on production before 2025-02-26, when https://gitlab.com/gitlab-org/gitlab-ui/-/releases/v108.6.0 was added to the gitlab app and caused styles for the award button to be overridden.
Edited by Chad Lavimoniere



