Fix background color of impersonate button

What does this MR do and why?

Small regression was introduced when the background was removed in 581191-Fix in user_menu.vue (Delete CSS class) (!213854 - merged) • Andy Bonta • 18.7.

This change adds back background color with some adjustments to shape to accomdate avatars with a transparent background.

References

Closes #582979 (closed)

Screenshots or screen recordings

Before After
CleanShot_2025-12-04_at_12.28.17 CleanShot_2025-12-04_at_12.27.05
CleanShot_2025-12-04_at_12.28.25 CleanShot_2025-12-04_at_12.26.50

How to set up and validate locally

  1. Impersonate a user
  2. Try both light and dark mode

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.

Edited by Austin Regnery

Merge request reports

Loading