matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code Activity

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

Browse Source
This commit is contained in:
Janne Mareike Koschinski
2022-04-28 15:39:17 +02:00
committed by GitHub
parent 472222c195
commit 6120adaedd
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
res/css/views/rooms/_EventBubbleTile.scss
View File

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