From e67340602566dc8793aef36caa3e5246ee410707 Mon Sep 17 00:00:00 2001 From: Michael Telatynski <7t3chguy@gmail.com> Date: Tue, 1 Feb 2022 16:38:25 +0000 Subject: [PATCH] Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader --- res/css/views/avatars/_DecoratedRoomAvatar.scss | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/res/css/views/avatars/_DecoratedRoomAvatar.scss b/res/css/views/avatars/_DecoratedRoomAvatar.scss index b93e2d602d4..b912302f382 100644 --- a/res/css/views/avatars/_DecoratedRoomAvatar.scss +++ b/res/css/views/avatars/_DecoratedRoomAvatar.scss @@ -27,18 +27,19 @@ limitations under the License. .mx_DecoratedRoomAvatar_icon { position: absolute; - bottom: -2px; - right: -2px; - margin: 4px; - width: 8px; - height: 8px; + // the following percentage based sizings are to match the scalable svg mask for the cutout + bottom: -6.25%; + right: -6.25%; + margin: 12.5%; + width: 25%; + height: 25%; border-radius: 50%; } .mx_DecoratedRoomAvatar_icon::before { content: ''; - width: 8px; - height: 8px; + width: 100%; + height: 100%; right: 0; position: absolute; border-radius: 8px;