correctly align read receipts to state events in bubble layout (#8419)

t3chguy/dedup-icons-17oct
Janne Mareike Koschinski 2022-04-28 15:39:17 +02:00 committed by GitHub
parent 472222c195
commit 6120adaedd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions

View File

@ -449,8 +449,11 @@ limitations under the License.
.mx_ReadReceiptGroup {
position: absolute;
right: -78px; // as close to right gutter without clipping as possible
bottom: 0;
// as close to right gutter without clipping as possible
right: -78px;
// (EventTileLine.line-height - ReadReceiptGroup.height) / 2
// this centers the ReadReceiptGroup if weve got a single line
bottom: calc(($font-18px - 24px) / 2);
top: auto;
}
@ -586,7 +589,7 @@ limitations under the License.
}
.mx_ReadReceiptGroup {
right: -14px; // match alignment to RRs of chat bubbles
right: -18px; // match alignment to RRs of chat bubbles
}
&::before {