Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader (#7697)

matrix-org · Feb 2, 2022 · c011fb7 · c011fb7
1 parent bb03298
commit c011fb7
Showing 1 changed file with 8 additions and 7 deletions.
diff --git 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;