diff options
| 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 |
| commit | 0581dd1fbb7cc36cf86d28c1bb0c53264f78b213 (patch) | |
| tree | 04ea3c19e3c2a86bf7db81bd8083d0cf381ab473 /src | |
| parent | db786d00e450396e680686e95db97ec353fe32f8 (diff) | |
client: transition tooltip hidden in steps
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/client3.js | 7 |
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; |