Fix avatar position of hidden event on ThreadView (#8592)

matrix-org · May 14, 2022 · 9b9ecf9 · 9b9ecf9
1 parent f51a6b6
commit 9b9ecf9
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/res/css/views/right_panel/_ThreadPanel.scss b/res/css/views/right_panel/_ThreadPanel.scss
@@ -239,6 +239,15 @@ limitations under the License.
 
     &.mx_ThreadView .mx_EventTile {
         // handling for hidden events (e.g reactions) in the thread view
+
+        &:not([data-layout=bubble]) {
+            &:hover.mx_EventTile_verified.mx_EventTile_info .mx_EventTile_line,
+            &:hover.mx_EventTile_unverified.mx_EventTile_info .mx_EventTile_line,
+            &:hover.mx_EventTile_unknown.mx_EventTile_info .mx_EventTile_line {
+                padding-inline-start: 0; // Override
+            }
+        }
+
         &.mx_EventTile_info {
             padding-top: 0;
 
@@ -263,20 +272,22 @@ limitations under the License.
                 }
 
                 .mx_EventTile_avatar {
-                    top: 0; // Align with hidden event content
                     left: calc($MessageTimestamp_width + 14px - 4px); // 14px: avatar width, 4px: align with text
                     z-index: 9; // position above the hover styling
                 }
             }
 
             &[data-layout=bubble] {
                 .mx_EventTile_avatar {
-                    left: 30px;
+                    inset-inline-start: 0;
                 }
             }
 
             .mx_EventTile_avatar {
                 position: absolute;
+                top: 1.5px; // Align with hidden event content
+                margin-top: 0;
+                margin-bottom: 0;
                 width: 14px; // avatar img size
                 height: 14px; // avatar img size
             }