OpenBazaar-Client icon indicating copy to clipboard operation
OpenBazaar-Client copied to clipboard

Buttons and tooltips are not responsive to long texts

Open ghost opened this issue 9 years ago • 3 comments

Some elements (buttons and tooltips) are not responsive to long texts. On translations that take two rows to display or that have longer sentences, text gets out of the element.

followunfollow

follow-2

notenough

tooltip

("You can't buy your own listing"): you cant buy your own listing

ghost avatar Mar 25 '16 04:03 ghost

We're going to have to truncate all buttons at some point. In certain areas space is limited and translations can run very long.

morebrownies avatar Apr 11 '16 16:04 morebrownies

Truncating isn't ideal, since that will make the truncated buttons unreadable or misleading. It's not an easy thing to solve, we may have to put thought into making the overall design more responsive and flexible.

jjeffryes avatar Apr 11 '16 19:04 jjeffryes

Why not making the text smaller (up to let's say 8-9px) based on the text length? http://jquery-textfill.github.io

If the text is too long and would it have to become smaller than 8-9px, it could be truncated and visible in a tooltip on hover to get the whole meaning.

mariodian avatar Apr 14 '16 12:04 mariodian