D.J. avatar

Share buttons display abnormally

daijia

Published: 18 Jan 2018 › Updated: 18 Jan 2018Share buttons display abnormally

Share buttons display abnormally

Expected behavior

All the share icon buttons should be displayed normally inside the box.

Actual behavior

By clicking on Share link of each article, the media buttons are out of the box, this breaks the layout.

How to reproduce

Open an article/post, and click on Share, the icon buttons displaying out of range.

  • Browser: Chrome 63 (Edge is working well)
  • Operating system: Windows 10 64bit

Recording Of The Bug

Following is a screenshot under Chrome 63.
image.png
Following is a screenshot under Edge, which displaying well.
image.png

Suggestions

I noticed there are some <br> after the buttons, and the margin value is different between Chrome and Edge. However I can't provide more on how to correct this, I think this is a systematic change since utopian.io is a complex project.
image.png
Margin value is 24 under Chrome 63.
image.png
Margin value is 3.2 under Edge, which displaying normally.



Posted on Utopian.io - Rewarding Open Source Contributors

Leave Share buttons display abnormally to:

Written by

奶爸,软硬件业余折腾人员,兴趣杂乱

Read more #utopian-io posts


Best Posts From D.J.

We have not curated any of daijia's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From D.J.