The issue has been closed

Reaction icons smooshed #3237

dwelle posted onGitHub

Reaction icons' width is squashed. Tested on 20.6.11 Chrome & FF.

Without refined-github:

With refined-github:

Appears on any issue, e.g. this one ↓

Can't reproduce on macOS. What's your OS?

posted by fregante almost 5 years ago

Windows 7

posted by dwelle almost 5 years ago

Seems to be coming from:

Setting:

max-width: none;

fixes it.

~~Unclear if it comes from GH or not, but that stylesheet isn't present if I turn off refined-github.~~ it does from from this extension, actually: https://github.com/sindresorhus/refined-github/blob/d3a52b8191860dddbbe34032b6e63c56134bc1bf/source/features/reactions-avatars.css#L47

Weird it doesn't reproduce on your end.

posted by dwelle almost 5 years ago

I see why. You don't have native emojis so GitHub uses an image.

Native emojis are not <img>-based, which is why I don't see it.

posted by fregante almost 5 years ago

Right, that's it. I thought GH uses imgs for everyone to account for these inconsistencies. Thanks for the fix!

posted by dwelle almost 5 years ago

Fund this Issue

$0.00

Funded

Pull requests