Merge pull request #4747 from matrix-org/joriks/fix-read-receipts

Fix read-receipt alignment
This commit is contained in:
Jorik Schellekens 2020-06-11 17:34:32 +01:00 committed by GitHub
commit 93a098d94f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 4 deletions

View file

@ -108,12 +108,12 @@ $left-gutter: 65px;
top: 27px;
}
.mx_EventTile_continuation .mx_EventTile_readAvatars,
.mx_EventTile_emote .mx_EventTile_readAvatars {
&.mx_EventTile_continuation .mx_EventTile_readAvatars,
&.mx_EventTile_emote .mx_EventTile_readAvatars {
top: 5px;
}
.mx_EventTile_info .mx_EventTile_readAvatars {
&.mx_EventTile_info .mx_EventTile_readAvatars {
top: 4px;
}

View file

@ -43,6 +43,10 @@ $irc-line-height: $font-18px;
> .mx_EventTile_msgOption {
order: 5;
flex-shrink: 0;
.mx_EventTile_readAvatars {
top: 0.2rem; // ($irc-line-height - avatar height) / 2
}
}
> .mx_SenderProfile {
@ -78,7 +82,7 @@ $irc-line-height: $font-18px;
align-items: center;
// Need to use important to override the js provided height and width values.
> .mx_BaseAvatar, .mx_BaseAvatar > * {
> .mx_BaseAvatar, > .mx_BaseAvatar > * {
height: $font-14px !important;
width: $font-14px !important;
font-size: $font-10px !important;