fix: correctly align read receipts to bubbles

justjanne · justjanne · commit abdcf72a40bf · 2022-04-27T13:43:28.000+02:00
diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
@@ -450,7 +450,7 @@ limitations under the License.
     .mx_ReadReceiptGroup {
         position: absolute;
         right: -78px; // as close to right gutter without clipping as possible
-        bottom: 0;
+        bottom: -1px;
         top: auto;
     }
 
@@ -586,7 +586,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 {

Original file line number	Diff line number	Diff line change
`@@ -450,7 +450,7 @@ limitations under the License.`
`450`	`450`	`.mx_ReadReceiptGroup {`
`451`	`451`	`position: absolute;`
`452`	`452`	`right: -78px; // as close to right gutter without clipping as possible`
`453`		`- bottom: 0;`
	`453`	`+ bottom: -1px;`
`454`	`454`	`top: auto;`
`455`	`455`	`}`
`456`	`456`
`@@ -586,7 +586,7 @@ limitations under the License.`
`586`	`586`	`}`
`587`	`587`
`588`	`588`	`.mx_ReadReceiptGroup {`
`589`		`- right: -14px; // match alignment to RRs of chat bubbles`
	`589`	`+ right: -18px; // match alignment to RRs of chat bubbles`
`590`	`590`	`}`
`591`	`591`
`592`	`592`	`&::before {`