From 6fd10b63e5d3d3c4338cf43ecd7774df5f848363 Mon Sep 17 00:00:00 2001 From: Bruno Windels Date: Thu, 12 Nov 2020 13:50:32 +0100 Subject: [PATCH] add device pixel ratio scaling while at it --- src/domain/session/leftpanel/RoomTileViewModel.js | 3 ++- src/domain/session/room/RoomViewModel.js | 3 ++- src/platform/web/Platform.js | 4 ++++ 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/domain/session/leftpanel/RoomTileViewModel.js b/src/domain/session/leftpanel/RoomTileViewModel.js index 6cfea617..1858fce7 100644 --- a/src/domain/session/leftpanel/RoomTileViewModel.js +++ b/src/domain/session/leftpanel/RoomTileViewModel.js @@ -133,7 +133,8 @@ export class RoomTileViewModel extends ViewModel { get avatarUrl() { if (this._room.avatarUrl) { - return this._room.mediaRepository.mxcUrlThumbnail(this._room.avatarUrl, 32, 32, "crop"); + const size = 32 * this.platform.devicePixelRatio; + return this._room.mediaRepository.mxcUrlThumbnail(this._room.avatarUrl, size, size, "crop"); } return null; } diff --git a/src/domain/session/room/RoomViewModel.js b/src/domain/session/room/RoomViewModel.js index c13dd1a3..83fcca3a 100644 --- a/src/domain/session/room/RoomViewModel.js +++ b/src/domain/session/room/RoomViewModel.js @@ -134,7 +134,8 @@ export class RoomViewModel extends ViewModel { get avatarUrl() { if (this._room.avatarUrl) { - return this._room.mediaRepository.mxcUrlThumbnail(this._room.avatarUrl, 32, 32, "crop"); + const size = 32 * this.platform.devicePixelRatio; + return this._room.mediaRepository.mxcUrlThumbnail(this._room.avatarUrl, size, size, "crop"); } return null; } diff --git a/src/platform/web/Platform.js b/src/platform/web/Platform.js index f99fd13c..a49073c9 100644 --- a/src/platform/web/Platform.js +++ b/src/platform/web/Platform.js @@ -177,4 +177,8 @@ export class Platform { hasReadPixelPermission() { return hasReadPixelPermission(); } + + get devicePixelRatio() { + return window.devicePixelRatio || 1; + } }