Disable animation for indicator on hidden elements (#8340)
This commit is contained in:
parent
3750b90554
commit
2234f04332
1 changed files with 10 additions and 0 deletions
|
@ -694,6 +694,16 @@ $left-gutter: 64px;
|
||||||
visibility: visible;
|
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) {
|
@media only screen and (max-width: 480px) {
|
||||||
|
|
||||||
.mx_EventTile_line,
|
.mx_EventTile_line,
|
||||||
|
|
Loading…
Reference in a new issue