« get me outta code hell

client: transition tooltip hidden in steps - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-11-26 19:10:14 -0400
committer(quasar) nebula <qznebula@protonmail.com>2023-11-26 19:57:05 -0400
commit0581dd1fbb7cc36cf86d28c1bb0c53264f78b213 (patch)
tree04ea3c19e3c2a86bf7db81bd8083d0cf381ab473
parentdb786d00e450396e680686e95db97ec353fe32f8 (diff)
client: transition tooltip hidden in steps
-rw-r--r--src/static/client3.js7
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;