Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Avatars should be squares with rounded corners, not circles #3398

Closed
gnprice opened this issue Mar 12, 2019 · 0 comments
Closed

Avatars should be squares with rounded corners, not circles #3398

gnprice opened this issue Mar 12, 2019 · 0 comments
Assignees
Labels
a-avatar Avatar URLs, caching, sizes, styles, etc. a-layout

Comments

@gnprice
Copy link
Member

gnprice commented Mar 12, 2019

Same thing as #205, but round 2 😉 . The same reasoning applies:

Zulip's avatars should be displayed as squares (with rounded corners), not as circles.

This is based on a lot of consideration -- circular avatars are problematic because many images that we'd like to use in avatars (e.g. bot logos) don't actually look good in circular form, whereas just about anything looks good in a rounded square.

One example: our own bot avatars look quite bad when cropped to a circle, as they now are on the user-profile screen (AccountDetailsScreen).


Relatedly: we shouldn't have had to have a round 2 of this, and we should avoid a round 3.

One root cause of round 2 is that in round 1 (in #208) we left the "circle" case lying around in the code, even though we had determined that we had no intention of actually using it. That's a bad pattern for a number of reasons -- most of all, it makes the code more complex and confusing to understand -- and this is another of them.

@gnprice gnprice self-assigned this Mar 12, 2019
@gnprice gnprice added the a-avatar Avatar URLs, caching, sizes, styles, etc. label Nov 12, 2020
chrisbobbe pushed a commit to gnprice/zulip-mobile that referenced this issue Dec 29, 2020
This isn't used, and makes the code more complex.  We always
effectively use the default of "rounded", never the alternative of
"square"; so just hard-wire the "rounded" behavior.

Back in 805d35d, fixing zulip#3398, we took out the old "circle" option
here, which produced quite bad results when used.  The "square" option
could be OK in the right design context; but we don't actually use it,
and haven't since 57f45f4 a couple of years ago.  If we want that
functionality in the future, we can add it back in the relevant places
then.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a-avatar Avatar URLs, caching, sizes, styles, etc. a-layout
Projects
None yet
Development

No branches or pull requests

1 participant