client: transition tooltip hidden in steps

1 files changed, 5 insertions, 2 deletions

diff --git a/src/static/client3.js b/src/static/client3.js
index 59e889a8..a0b0ed2c 100644
--- a/src/static/client3.js
+++ b/src/static/client3.js
@@ -792,9 +792,12 @@ function beginTransitioningTooltipHidden(tooltip) {
   cssProp(tooltip, {
     'display': 'block',
     'opacity': '0',
+
     'transition-property': 'opacity',
-    'transition-timing-function': 'linear',
-    'transition-duration': `${settings.transitionHiddenDuration / 1000}s`,
+    'transition-timing-function':
+      `steps(${Math.ceil(settings.transitionHiddenDuration / 60)}, end)`,
+    'transition-duration':
+      `${settings.transitionHiddenDuration / 1000}s`,
   });
 
   state.currentlyTransitioningHiddenTooltip = tooltip;