Bug #1822911 User icons not appearing circular in some themes
Use object-fit:cover to force non-square images to size to the min
width/height of the image loaded so that it displays the center of
the image in the correct ratio, hence fixing the issue of oval shapes.
Added extra classes to tell theme what size the images are to display,
ie .user-icon-20, .user-icon-40, .user-icon-60, etc, and
.user-icon-inline for when username is displayed inline with user icon.
behatnotneeded
Change-Id: I28e0b37d0961c3be0195f4baef704262a0547af0
(cherry picked from commit 74bfb4a6197bfd0b8abc83c58c63d49ce4dcaadb)
Reviewed: https:/ /reviews. mahara. org/9730 /git.mahara. org/mahara/ mahara/ commit/ 009aac92f8c2fb1 cfb1e5008941477 931eb5b6b5
Committed: https:/
Submitter: Robert Lyon (<email address hidden>)
Branch: 19.04_STABLE
commit 009aac92f8c2fb1 cfb1e5008941477 931eb5b6b5
Author: Evonne Cheung <email address hidden>
Date: Fri Apr 5 15:29:57 2019 +1300
Bug #1822911 User icons not appearing circular in some themes
Use object-fit:cover to force non-square images to size to the min
width/height of the image loaded so that it displays the center of
the image in the correct ratio, hence fixing the issue of oval shapes.
Added extra classes to tell theme what size the images are to display,
ie .user-icon-20, .user-icon-40, .user-icon-60, etc, and
.user-icon-inline for when username is displayed inline with user icon.
behatnotneeded
Change-Id: I28e0b37d0961c3 be0195f4baef704 262a0547af0 b8abc83c58c63d4 9ce4dcaadb)
(cherry picked from commit 74bfb4a6197bfd0