humanmade / humanmade/h2

Fix display of non-square custom emoji

Open
#416 0 comments 0 reactions 0 assignees View on GitHub
Low priority
Dominant language
JavaScript
Stars
8
Forks
1
Avg merge
1d 9h
Merged PRs (30d)
7

Description

Non-square custom emoji are currently incorrect displayed in a couple of places.

In the emoji picker, they're tiled due to background-repeat; e.g. `:polyglots:`:

Screen Shot 2020-03-16 at 11 53 17

In the autocomplete, they're displayed as-is, so the names don't line up; e.g. the head emoji:
Screen Shot 2020-03-16 at 11 54 30

We should implement the following:
* [ ] Disable emoji tiling in the emoji picker; this was caused by https://github.com/missive/emoji-mart/issues/361 which is fixed, but requires an update to emoji-mart
* [ ] Set the size on images in the autocomplete to ensure names line up

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.