Make avatars in pills occupy the entire space using cropping

Signed-off-by: Sergey Shpikin <rkfg@rkfg.me>
This commit is contained in:
Sergey Shpikin 2020-04-23 10:47:08 +03:00
parent a3f4244dc0
commit a97a3cea51

View file

@ -252,7 +252,11 @@ class RoomPillPart extends PillPart {
setAvatar(node) {
let initialLetter = "";
let avatarUrl = Avatar.avatarUrlForRoom(this._room, 16 * window.devicePixelRatio, 16 * window.devicePixelRatio);
let avatarUrl = Avatar.avatarUrlForRoom(
this._room,
16 * window.devicePixelRatio,
16 * window.devicePixelRatio,
"crop");
if (!avatarUrl) {
initialLetter = Avatar.getInitialLetter(this._room ? this._room.name : this.resourceId);
avatarUrl = `../../${Avatar.defaultAvatarUrlForString(this._room ? this._room.roomId : this.resourceId)}`;
@ -290,7 +294,8 @@ class UserPillPart extends PillPart {
let avatarUrl = Avatar.avatarUrlForMember(
this._member,
16 * window.devicePixelRatio,
16 * window.devicePixelRatio);
16 * window.devicePixelRatio,
"crop");
let initialLetter = "";
if (avatarUrl === defaultAvatarUrl) {
// the url from defaultAvatarUrlForString is meant to go in an img element,