How to make a square image round using CSR in Sharepoint?

Question

SharePoint

Good afternoon.
1. There is a test server.
2. Created a link.
3. Added a User column, type "user or group"
4. Additionally added a column parameter to show the field "name (with image and details)"
5. The image is pulled from the folder: (/_layouts/15/images/person.gif)
6. How to change the picture so that in any menu where this picture is displayed, it is displayed round.

Answer 1

You don't need a CSR here, just add styles to the .ms-peopleux-userImgWrapper class, for example border-radius: 160px 160px 160px 160px;
But there is also a downside to this pop, that there is such a thing IMNImageOnClick, which shows the availability status from Skype for B. It (ms-imnSpan) will have to be hidden in this form.