breaking long words in the crates list

[ducks]

fixes #451

(I could no longer see that crate so I just made up a very long version number)

[steveklabnik]

I like it. @carols10cents / @alexcrichton ?

[alexcrichton]

Is there a CSS way to truncate a version? I'd personally prefer something like very-long-v... so everything always fit on one line

[ducks]

Yeah, there is https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow which I tried first, but that needs to be on the anchor tag I believe and since it's a flex child, it doesn't have a sense of width and thus can't really know what is overflowing and what to clip. That's why I had to set that property up the tree.

I can keep banging on it if that's definitely preferred.

[alexcrichton]

Yeah perhaps we can tweak the markup here to take advantage of that?

[ducks]

Sure, I'll try that

[ducks]

oh, css, you finicky beast
anyway, I think I have this truncated correctly now.

https://css-tricks.com/flexbox-truncated-text/
and more directly https://css-tricks.com/flexbox-truncated-text/#article-header-id-3

[alexcrichton]

Thanks!