Skip to content

Update award emoji button native emoji alignment

What does this MR do?

  • Better align native unicode emojis in award block buttons

mac OS Chrome

Before

After


mac OS Safari

Before

After


Windows 10 Chrome

Before

After

Are there points in the code the reviewer needs to double check?

Not quite vertically aligned perfectly but isn't really possible because the bounds are different between OS's and how the emoji is placed on the baseline. Windows likes to put them lower on the baseline and can even escapes the bounds (here is an extreme example without button padding just to show that off)

Why was this MR needed?

Award emoji buttons were squashed together horizontally (compared to before) and vertical alignment could use some slight touchup.

Does this MR meet the acceptance criteria?

What are the relevant issue numbers?

Closes #29228 (closed)

Merge request reports