mirror of
https://github.com/element-hq/element-web
synced 2024-11-22 09:15:41 +03:00
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:
parent
49c6d10ddb
commit
ae925fb1e9
1 changed files with 12 additions and 10 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue