ElkArte Community

Title: Making avatars round by default
Post by: meetdilip on March 09, 2016, 08:41:03 am
Just because that is the trend, why don't we use rounded avatars by default ? Only a matter of using border-radius: 100px; or something.
Title: Re: Making avatars round by default
Post by: Burke Knight on March 09, 2016, 10:06:04 am
Personally, I hate when sites do that.
Messes up my avatars....LOL
Title: Re: Making avatars round by default
Post by: Spuds on March 09, 2016, 12:15:00 pm
Quote from: Burke Knight – Personally, I hate when sites do that.
Messes up my avatars....LOL
Probably since they are doing it with just border radius which is not correct since not all avatars are square to start with.
Title: Re: Making avatars round by default
Post by: meetdilip on March 09, 2016, 12:31:21 pm
Giving a higher radius solves that, right ? I tried like 160px which worked well. Also Elk resizes avatar to 125 x 125
Title: Re: Making avatars round by default
Post by: Spuds on March 09, 2016, 12:51:02 pm
No, ... If you really want to use a radius use a percent, border-radius: 50% ...

But you can't turn a rectangular avatar into a circle with just radius.  You will need to define a WxH square background, apply 50% radius and then use object-fit of either cover or contain with the avatar (cover/contain depends on if its square or not already).  That will have the lowest chance of not cutting off peoples foreheads or other strange cropping of faces.

At least thats what I did on the Storm Cloud theme that I posted somewhere (plus that has some JS since pale moon did not support object fit properly)
Title: Re: Making avatars round by default
Post by: meetdilip on March 09, 2016, 01:31:39 pm
hmm. But many themes give it as default these days.
Title: Re: Making avatars round by default
Post by: Spuds on March 09, 2016, 02:03:39 pm
And your point ?
Title: Re: Making avatars round by default
Post by: meetdilip on March 09, 2016, 03:04:42 pm
Should we give it as default ( considering the trend ) ?
Title: Re: Making avatars round by default
Post by: emanuele on March 09, 2016, 03:18:24 pm
/me doesn't like rounded avatars that much...
Additionally, light is rather "squared", so I feel rounded avatars would not fit very well.