Fix incorrect sizing of DecoratedRoomAvatar in RoomHeader (#7697)

pull/21833/head
Michael Telatynski 2022-02-02 09:22:27 +00:00 committed by GitHub
parent bb03298e6d
commit c011fb7475
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 7 deletions

View File

@ -27,18 +27,19 @@ limitations under the License.
.mx_DecoratedRoomAvatar_icon { .mx_DecoratedRoomAvatar_icon {
position: absolute; position: absolute;
bottom: -2px; // the following percentage based sizings are to match the scalable svg mask for the cutout
right: -2px; bottom: -6.25%;
margin: 4px; right: -6.25%;
width: 8px; margin: 12.5%;
height: 8px; width: 25%;
height: 25%;
border-radius: 50%; border-radius: 50%;
} }
.mx_DecoratedRoomAvatar_icon::before { .mx_DecoratedRoomAvatar_icon::before {
content: ''; content: '';
width: 8px; width: 100%;
height: 8px; height: 100%;
right: 0; right: 0;
position: absolute; position: absolute;
border-radius: 8px; border-radius: 8px;