Fix message jumps

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
matrix-org · Nov 11, 2021 · 7a7659a · 7a7659a
1 parent 455027f
commit 7a7659a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/res/css/views/right_panel/_ThreadPanel.scss b/res/css/views/right_panel/_ThreadPanel.scss
@@ -149,7 +149,6 @@ limitations under the License.
     .mx_EventTile, .mx_EventListSummary {
         // Account for scrollbar when hovering
         width: calc(100% - 3px);
-        margin: 0 2px;
         padding-top: 0;
 
         .mx_ThreadInfo {

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -780,7 +780,7 @@ $left-gutter: 64px;
     .mx_EventTile_senderDetails {
         display: flex;
         align-items: center;
-        gap: 6px;
+        gap: calc(6px + $selected-message-border-width);
 
         a {
             flex: 1;
@@ -804,17 +804,21 @@ $left-gutter: 64px;
         display: none;
     }
 
-    .mx_EventTile_line {
-        padding-left: 0 !important;
-        order: 10 !important;
-    }
-
     .mx_EventTile {
         width: 100%;
         display: flex;
         flex-direction: column;
         padding-top: 0;
 
+        .mx_EventTile_line {
+            padding-left: $selected-message-border-width !important;
+            order: 10 !important;
+        }
+
+        &:hover .mx_EventTile_line {
+            padding-left: 0 !important;
+        }
+
         .mx_MessageTimestamp {
             left: auto;
             right: 2px !important;