Today I was experimenting with steemit widgets and noticed a bug.
Issue: While viewing the examples on a mobile phone I noted that the links overflow the container as shown in the sceenshot:
Expected behavior: the link should wrap or be truncated to fit within the container.
This can be simulated on an Android phone using the chrome browser and on a Windows desktop when resizing the browser to a very narrow width.
Posted on Utopian.io - Rewarding Open Source Contributors
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey @wieske I am @utopian-io. I have just upvoted you at 10% Power!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey! This is the first time someone contributed to my project and I almost missed it! Thank you! :D
I fixed it:
But I have to mention one thing... if using the plugin directly (wihtout the generator) the styling of the widgets is totally up to you. The example on the demo page just show how it COULD look. The plugin itself comes without ANY styling. :D
This issue with long links and words is quite common. Here's a tutorial on how to fix it: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
But thank you anyway! Important to have a more or less flawless presentation page!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit