backstrokeapp / dashboard

The backstroke dashboard is a frontend dashboard to the backstroke service
https://app.backstroke.co
6 stars 8 forks source link

Extra wide cells #16

Closed 1egoman closed 7 years ago

1egoman commented 7 years ago

Previously, link items that had really long names would overflow weirdly, often out of the bounds of the cell they were in. The solution implemented here makes cells wider when they have a long name, such that they won't overflow the bounds of their container. At 12 characters, the cell will grow to be two wide, and at 32 characters, the cell will grow to be three wide.

screen shot 2017-10-28 at 7 50 26 am

This still doesn't completely solve the problem, given that we're using characters and not pixel widths (1 character != a set number of pixels). However, I did some tests with Ws (the widest character in [A-Z]) and while they did wrap with an ellipsis, it didn't look bad. The character sizes can always be adjusted.

I'm debating changing the center alignment on the cells to left alignment. It would look nicer with a lot of links all in one list, but not as nice when only one repo is created (the link item cell would be off-center).