Emojis in "label" remove the right padding
- Dominant language
- JavaScript
- Stars
- 27.2k
- Forks
- 5.6k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 46
Description
Are you experiencing an issue with...
- [x] [shields.io](https://shields.io/#/)
- [ ] My own instance
- [ ] [badge-maker NPM package](https://www.npmjs.com/package/badge-maker)
:beetle: **Description**
Using emojis as the badge label removes the right padding, and there is no workaround for that since spaces (`%20`) are trimmed.
:link: **Link to the badge**
https://img.shields.io/badge/%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg
:bulb: **Possible Solution**
Not trimming spaces would be a cheap solution/workaround to this issue.
Contributor guide
Research direction
Start with the badge-maker NPM package and reproduce the linked shields.io badge using the encoded emoji label. Trace how the label is processed for spacing, then verify that the generated SVG preserves right padding for emoji labels without regressing ordinary labels.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- design
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100