Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Commit

Permalink
Disable animation for indicator on hidden elements (#8340)
Browse files Browse the repository at this point in the history
  • Loading branch information
turt2live authored Apr 17, 2022
1 parent 3750b90 commit 2234f04
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions res/css/views/rooms/_EventTile.scss
Original file line number Diff line number Diff line change
Expand Up @@ -694,6 +694,16 @@ $left-gutter: 64px;
visibility: visible;
}

// Inverse of the above to *disable* the animation on any indicators. This approach
// is less pretty, but is easier to target because otherwise we need to define the
// animation for when it's shown which means duplicating the style definition in
// multiple places.
.mx_EventTile:not(:hover):not(.mx_EventTile_actionBarFocused):not([data-whatinput='keyboard'] :focus-within):not(.focus-visible:focus-within) {
.mx_MessageActionBar .mx_Indicator {
animation: none;
}
}

@media only screen and (max-width: 480px) {

.mx_EventTile_line,
Expand Down

0 comments on commit 2234f04

Please sign in to comment.