Show message preview in envelope list

[ChristophWurst]

Contributes the envelope list part of #2579

[GretaD]

tested and it works

[jancborchardt]

Very nice! :)

• The line-height is different between the 3 lines, there should be equal space between them. So essentially reduce the top padding/margin of the message preview a bit to match the distance between sender and subject.
• The avatar is not vertically centered with the first 2 lines (sender name and subject). And it probably looks nicer to vertically center it with the 3 lines now (sender name, subject, preview – but not the tags / attachments line). Ref like the screenshot of Gmail mobile you posted: Show first line of message as preview #2579 (comment)
• The message preview gets ellipsized nicely, but the message subject doesn’t seem to (also in master though), seen by @nimishavijay

I assume this also then goes into the thread list on the right in a separate PR?

[jancborchardt]

Looks good except the avatar is not vertically centered yet (both lines on the left are same length, both lines on right as well).
Judging from the lines on the right it also seems the container is a bit higher than necessary, just a few pixels (possibly an empty container for the tags display?)

[ChristophWurst]

I think the problem is that around the actual avatar

we have some bottom spacing

although there is no margin or padding set. Ideas?

[jancborchardt]

although there is no margin or padding set. Ideas?

Stupid but works:
.app-content-list-item-icon { height: 40px; }

Not sure if this issue comes from the component? It’s not there in Contacts or Talk, but not sure what they use and it seems different.

[ChristophWurst]

I can't get it perfect to the last pixel but it looks ok now

[JuliaKirschenheuter]

Works well!
I would say small css polishing can be done a bit later.