From b914c5d0f1487f150d1009459e03d2741a48300c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Thu, 11 Nov 2021 13:32:59 +0100
Subject: [PATCH 1/2] Revert "Update highlighted event line to prevent content
 jumping (#7090)"

This reverts commit 0f8272c6a1588d37571e45b8dcf7f12678a34f32.
---
 res/css/views/rooms/_EventTile.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index 2ca72d6a436..ab67c3626e8 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -221,25 +221,25 @@ $left-gutter: 64px;
     &:hover.mx_EventTile_verified .mx_EventTile_line,
     &:hover.mx_EventTile_unverified .mx_EventTile_line,
     &:hover.mx_EventTile_unknown .mx_EventTile_line {
-        padding-left: calc($left-gutter);
+        padding-left: calc($left-gutter - $selected-message-border-width);
     }
 
     &:hover.mx_EventTile_verified .mx_EventTile_line {
-        box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;
+        border-left: $e2e-verified-color $selected-message-border-width solid;
     }
 
     &:hover.mx_EventTile_unverified .mx_EventTile_line {
-        box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;
+        border-left: $e2e-unverified-color $selected-message-border-width solid;
     }
 
     &:hover.mx_EventTile_unknown .mx_EventTile_line {
-        box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;
+        border-left: $e2e-unknown-color $selected-message-border-width solid;
     }
 
     &: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-left: calc($left-gutter + 18px);
+        padding-left: calc($left-gutter + 18px - $selected-message-border-width);
     }
 
     /* End to end encryption stuff */

From 692ab9001a1112c90ff7fcd7ab96e213de265527 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Thu, 11 Nov 2021 14:31:05 +0100
Subject: [PATCH 2/2] Fix message jumps
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 res/css/views/right_panel/_ThreadPanel.scss |  1 -
 res/css/views/rooms/_EventTile.scss         | 16 ++++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/res/css/views/right_panel/_ThreadPanel.scss b/res/css/views/right_panel/_ThreadPanel.scss
index b890658bded..e733cd54894 100644
--- a/res/css/views/right_panel/_ThreadPanel.scss
+++ b/res/css/views/right_panel/_ThreadPanel.scss
@@ -184,7 +184,6 @@ limitations under the License.
 
     .mx_EventTile, .mx_EventListSummary {
         // Account for scrollbar when hovering
-        margin: 0 2px;
         padding-top: 0;
 
         .mx_ThreadInfo {
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
index ab67c3626e8..473b95fd935 100644
--- a/res/css/views/rooms/_EventTile.scss
+++ b/res/css/views/rooms/_EventTile.scss
@@ -822,7 +822,7 @@ $left-gutter: 64px;
     .mx_EventTile_senderDetails {
         display: flex;
         align-items: center;
-        gap: 6px;
+        gap: calc(6px + $selected-message-border-width);
 
         a {
             flex: 1;
@@ -846,17 +846,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;