From 0f8272c6a1588d37571e45b8dcf7f12678a34f32 Mon Sep 17 00:00:00 2001 From: Germain Date: Fri, 5 Nov 2021 14:46:29 +0000 Subject: [PATCH] Update highlighted event line to prevent content jumping (#7090) --- 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 32737aceec9..8665d7abad0 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 - $selected-message-border-width); + padding-left: calc($left-gutter); } &:hover.mx_EventTile_verified .mx_EventTile_line { - border-left: $e2e-verified-color $selected-message-border-width solid; + box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color; } &:hover.mx_EventTile_unverified .mx_EventTile_line { - border-left: $e2e-unverified-color $selected-message-border-width solid; + box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color; } &:hover.mx_EventTile_unknown .mx_EventTile_line { - border-left: $e2e-unknown-color $selected-message-border-width solid; + box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color; } &: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 - $selected-message-border-width); + padding-left: calc($left-gutter + 18px); } /* End to end encryption stuff */