Hide the verification left stroke only on the thread list (#8525)

* Hide the verification left stroke only in the thread panel (ie. let it shown in a chat panel with a maximized widget)

Respect the original comment that the stroke should be hidden in the thread list (and in a thread as well).

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

* Display the left stroke inside a thread

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2022-05-11 09:56:58 +00:00 committed by GitHub
parent fbb8581f77
commit ac46e6319b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 5 deletions

View file

@ -199,10 +199,6 @@ limitations under the License.
.mx_EventTile_e2eIcon { .mx_EventTile_e2eIcon {
left: 8px; left: 8px;
} }
&:hover .mx_EventTile_line {
box-shadow: unset !important; // don't show the verification left stroke in the thread list
}
} }
.mx_MessageComposer { .mx_MessageComposer {

View file

@ -737,11 +737,15 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
align-items: center; align-items: center;
&:hover, &:hover,
// To cancel "&.mx_EventTile:hover .mx_EventTile_line" // Override .mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line
&:not([data-layout=bubble]):hover .mx_EventTile_line { &:not([data-layout=bubble]):hover .mx_EventTile_line {
background-color: $system; 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 {
content: ""; content: "";
position: absolute; position: absolute;