Disable animation for indicator on hidden elements (#8340)

This commit is contained in:
Travis Ralston 2022-04-16 19:05:20 -06:00 committed by GitHub
parent 3750b90554
commit 2234f04332
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

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