-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Eliminate space around emoji #5474
Conversation
I think this PR is important because Slack has the same behavior (There is no space around custom emojis) and people importing custom emojis from Slack would be disappointed to look space around emojis they added. I made a change not to modify unicode emoji's behavior. Because of that, this PR affects only custom emojis now. We can add spaces by editing image for custom emojis, so I think there is little concern about custom emojis. And in regard to padding-top, how about decreasing status__action-bar's margin-top from 10px to 5px. This modification sets off the increase of the height (I already applied this modification in the above screenshot). |
From a viewpoint of design, It's my opinion, I’d like to ask other opinions.
It's not bad, thanks. |
I like this because some users make a big emoji by concatenating them like looooong fox. Another approach I think is better is to emojify with no space, not to change the appearance. For example, This is also convenient for those who don't prefer a space between a word and an emoji. Japanese has no space unlike English, so I often glue a word and an emoji together, e.g. To emojify with no space is not easy because a shortcode is closed with two colons. In other words we must discriminate between first colon and last colon. But I have implemented it before in other project. I'll make a pull request if this approach is favored a lot and no one doesn't do. I'd also like to ask your opinions. |
This PR introduced 5px extra space between status text and username which looks very odd. It really stands out when you switch between 2.0.0 and master frontends. Can that detail be fixed @nullkal @lynlynlynx ? |
I added the space because emojis is cropped without it. Another solution is |
This PR makes emojis as large as they overflow height of letters, so it is impossible to keep exactly the same as before.
This PR reduces the margin between status text and action buttons from 10px to 5px. Should it be also restored? (I think 5px is enough, ummm) |
@lynlynlynx Both your suggestions (1, 2) look better than master to me. I think 2 is best. And yes I want the margin restored too... |
* Eliminate space around emoji * More improve emoji style * Make more compatible with Twemoji * Make scss-lint happy * Make not modify normal emoji's behavior * Decrease status__action-bar's margin-top to 5px * Make the test be passed * Revert "Make the test be passed" This reverts commit 54a8c60. * Revert "Make not modify normal emoji's behavior" This reverts commit 6a5bdf0.
Example: https://edge.mstdn.jp/@nullkal/98856648358617597
Before:
After:
This PR eliminates space around emojis. We often use emojis like this, so I created this patch so that they are connected seamlessly.