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 Screenshot_2025-02-26_at_14.35.10 Screenshot_2025-02-26_at_14.34.32
Dark Screenshot_2025-02-26_at_14.35.06 Screenshot_2025-02-26_at_14.34.52

How to set up and validate locally

  1. Check out this branch
  2. Visit an issue or MR in the GDK
  3. Add an emoji reaction
  4. Toggle dark mode on or off to see the other color mode (either dark if you use light, or light if you use dark)
  5. 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

Merge request reports

Loading