1
0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-11-08 21:42:24 +03:00

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
2 changed files with 8 additions and 4 deletions

View File

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

View File

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