From 2e239ff8b117f52c67746be0f3fab183405436cb Mon Sep 17 00:00:00 2001 From: Travis Ralston Date: Fri, 15 Apr 2022 14:47:52 -0600 Subject: [PATCH] Approach 1: Disable animation on hidden elements --- res/css/views/rooms/_EventTile.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 7d2fb2817d5..f28fa3b71d4 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -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,