matrix/matrix-react-sdk
1
0
Fork 0
mirror of https://github.com/matrix-org/matrix-react-sdk.git synced 2025-08-09 08:42:50 +03:00
Code Activity

Remove :not() pseudo class from mx_EventTile_line:hover of ThreadsList (#9021)

Browse Source 
* 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
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
res/css/views/rooms/_EventTile.scss
View File

@@ -843,16 +843,6 @@ $left-gutter: 64px;
flex-flow: wrap; flex-flow: wrap;
align-items: center; 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, &::after,
&::before { &::before {
content: ""; content: "";
@@ -970,6 +960,18 @@ $left-gutter: 64px;
max-width: var(--MessageTimestamp-max-width); max-width: var(--MessageTimestamp-max-width);
position: initial; 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 // For style rules of ThreadView, see _ThreadPanel.scss