Tidy up translation projects overview

[DeFries]

When you navigate to, for example, the available translation projects for themes in Dutch, you get greeted with a very messy page layout. Messy in the sense that some themes use very long descriptions and some very short.

We should either use an excerpt of the theme description or use masonry to display the short and the long variations in a neat fashion.

[DeFries]

Screenshot of mess

[DeFries]

Example URL is was looking at: ​https://translate.wordpress.org/locale/nl/default/wp-themes

[samuelsidler]

I think using an excerpt is a good idea.

[DeFries]

That would be my preference as well. Equal height for all the .projects .project elements.

[samuelsidler]

Want to work up a patch? Code is here.

[DeFries]

CSS part would be easily fixed, sure, but I don't know what the best way to go about getting an excerpt for $sub_project->description would be. Is this running on GlotPress the plugin already?

[samuelsidler]

No, but it will be soon. If you want to create a patch for GlotPress-the-plugin instead, that code is up one level. It'll be live soon enough so it's okay to fix it there instead.

Can we set a max amount of characters to output perhaps?

[DeFries]

I'll do a poke around this week and get back to you.

[ocean90]

Patches only for GlotPress-the-plugin please. We can use ​wp_trim_words() and if we want to make it masonry-like we can use CSS' column property.

[ocean90]

#1633 was marked as a duplicate.

[ocean90]

In 2865:

Translate: Trim project descriptions on locale overviews.

Fixes #1552.