Skip to content
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

Fix overflowing emojis on some devices #6016

Merged
merged 2 commits into from
Dec 13, 2017

Conversation

lynlynlynx
Copy link
Contributor

I find out some devices display images in paragraph a bit higher, I can't check all devices, so I set overflow as visible.

@@ -604,7 +604,7 @@
line-height: 20px;
word-wrap: break-word;
font-weight: 400;
overflow: hidden;
overflow: visible;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is a bad idea because this line was guarding against zalgo text going outside a single toot's area.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I understand, but emojis have negative margin, it is difficult to display well in all unknown devices without space between status__info and status__content.
I update this pull request, add 2px space, like suggention 1 of #5474 (comment) .

@Gargron Gargron merged commit 5ad4555 into mastodon:master Dec 13, 2017
@lynlynlynx lynlynlynx deleted the fix-emoji-android branch December 13, 2017 22:39
yi0713 added a commit to yi0713/mastodon that referenced this pull request Dec 14, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants