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 <luixxiul@users.noreply.github.com>

* Merge style blocks

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Move style rules down

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Add comments

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Apply &:hover globally to realize the original implementation

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-07-12 21:31:07 +00:00 committed by GitHub
parent 49c6d10ddb
commit ae925fb1e9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -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