From ae925fb1e9669de9e13a3a96cfc49e74add6b518 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Tue, 12 Jul 2022 21:31:07 +0000 Subject: [PATCH] Remove :not() pseudo class from mx_EventTile_line:hover of ThreadsList (#9021) * Remove :not() pseudo class from mx_EventTile_line:hover of ThreadsList Signed-off-by: Suguru Hirahara * Merge style blocks Signed-off-by: Suguru Hirahara * Move style rules down Signed-off-by: Suguru Hirahara * Add comments Signed-off-by: Suguru Hirahara * Apply &:hover globally to realize the original implementation Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 29e73ee6e7..43f65f1cc9 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -843,16 +843,6 @@ $left-gutter: 64px; flex-flow: wrap; align-items: center; - &:hover, - // Override .mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line - &:not([data-layout=bubble]):hover .mx_EventTile_line { - background-color: $system; - } - - &:not([data-layout=bubble]):hover .mx_EventTile_line { - box-shadow: none; // don't show the verification left stroke in the thread list - } - &::after, &::before { content: ""; @@ -970,6 +960,18 @@ $left-gutter: 64px; max-width: var(--MessageTimestamp-max-width); position: initial; } + + &:hover { + background-color: $system; + } + + // ThreadsList has always group layout + &[data-layout=group]:hover { + .mx_EventTile_line { + background-color: $system; // override $event-selected-color + box-shadow: none; // don't show the verification left stroke in the thread list + } + } } // For style rules of ThreadView, see _ThreadPanel.scss