threema-ch / threema-web

The Threema Web application.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Add white backdrop to avatar images

lgrahl opened this issue · comments

commented

Default avatars now have an alpha channel on Android. We should add a white backdrop to the image.

Note: We can't just add white background color, since that would fill out the entire DOM box (making it a white rectangle). We need to keep them transparent outside the circle. Maybe an image with a white circle and transparent background could be used. Or maybe there's some CSS3 trick.

commented

You're thinking too complicated. Obviously, the background color of an element with a border radius obeys the radius. Try it for yourself on .avatar.avatar-low > img.

Oh wow 😅