Revert "Update highlighted event line to prevent content jumping (matrix-org#7090)"

SimonBrandner · SimonBrandner · commit b914c5d0f148 · 2021-11-11T14:32:35.000+01:00
This reverts commit 0f8272c.
diff --git 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 */

Original file line number	Diff line number	Diff line change
`@@ -221,25 +221,25 @@ $left-gutter: 64px;`
`221`	`221`	`&:hover.mx_EventTile_verified .mx_EventTile_line,`
`222`	`222`	`&:hover.mx_EventTile_unverified .mx_EventTile_line,`
`223`	`223`	`&:hover.mx_EventTile_unknown .mx_EventTile_line {`
`224`		`- padding-left: calc($left-gutter);`
	`224`	`+ padding-left: calc($left-gutter - $selected-message-border-width);`
`225`	`225`	`}`
`226`	`226`
`227`	`227`	`&:hover.mx_EventTile_verified .mx_EventTile_line {`
`228`		`- box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;`
	`228`	`+ border-left: $e2e-verified-color $selected-message-border-width solid;`
`229`	`229`	`}`
`230`	`230`
`231`	`231`	`&:hover.mx_EventTile_unverified .mx_EventTile_line {`
`232`		`- box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;`
	`232`	`+ border-left: $e2e-unverified-color $selected-message-border-width solid;`
`233`	`233`	`}`
`234`	`234`
`235`	`235`	`&:hover.mx_EventTile_unknown .mx_EventTile_line {`
`236`		`- box-shadow: inset $selected-message-border-width 0 0 0 $e2e-verified-color;`
	`236`	`+ border-left: $e2e-unknown-color $selected-message-border-width solid;`
`237`	`237`	`}`
`238`	`238`
`239`	`239`	`&:hover.mx_EventTile_verified.mx_EventTile_info .mx_EventTile_line,`
`240`	`240`	`&:hover.mx_EventTile_unverified.mx_EventTile_info .mx_EventTile_line,`
`241`	`241`	`&:hover.mx_EventTile_unknown.mx_EventTile_info .mx_EventTile_line {`
`242`		`- padding-left: calc($left-gutter + 18px);`
	`242`	`+ padding-left: calc($left-gutter + 18px - $selected-message-border-width);`
`243`	`243`	`}`
`244`	`244`
`245`	`245`	`/* End to end encryption stuff */`