Skip to content

Make tooltips in top row of sidebar noninteractive and delayed

Thomas Hutterer requested to merge super_sidebar_noninteractive_tooltips into master

What does this MR do and why?

Fix tooltip behavior in navigation sidebar (#421207 - closed): It makes all tooltips in our new sidebar noninteractive and adds a 500ms show-delay (.ds500).

This way tooltips are only shown after "slowing down" on an element and not while just moving the mouse over to reach another button. Before this change, tooltips often overlapped other buttons and stayed open when the user intended to click the element below.

Changelog: changed

Screenshots or screen recordings

Before After
recording_1691482655 recording_1691482336

☝ The After screen recording doesn't show the 500ms delay which was added to the MR only later. Hope that's okay 😇

How to set up and validate locally

  • Make sure you have the new navigation toggled on (in your user dropdown)
  • In the left sidebar, hover the links and buttons with tooltips: Tanuki logo, sidebar toggle, plus btn, search, pin/unpin
  • The tooltip should only show after 500ms.
  • When their tooltip is visible, hover over the tooltip itself. It should close, allowing you to hover the buttons in the row below.
  • Bonus points: Impersonate another user and check the "Stop impersonating" button next to the user avatar. (Forgot to screenrecord that)
  • Compare with master where tooltips open without delay and stay visible when mouse hovered them, making it harder to click the other buttons.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Thomas Hutterer

Merge request reports