[BUG]: Hovered 'Light/Dark' Text Sticks After Mode Switch – Requires Extra Click to Dismiss

[sinhaaman3256]

Describe the bug:
When switching between light and dark mode, the hovered text "light/dark" remains visible until an additional click is made. The hover text does not disappear automatically after the mode switch, requiring unnecessary interaction.

To Reproduce:
Steps to reproduce the behavior:

1. Open Avogadro.
2. Hover over the mode toggle button (light/dark).
3. Click to switch between light and dark modes.
4. Notice that the hover text persists after the switch until another click is made.

Expected behavior:
The hovered "light/dark" text should disappear automatically when the mode switch is completed without needing an additional click.

Screenshots:

Video Demonstration:
[

Recording.2024-10-10.005102.mp4

]

Additional context:
This issue creates a minor but noticeable disruption in the user experience when switching themes. Automatically dismissing the hover text would streamline interactions.

[welcome]

Thanks for opening your first issue here! Please try to include example files and screenshots if possible. If you're looking for support, please post on our forum: https://discuss.avogadro.cc/

[ghutchis]

Is this with the website https://two.avogadro.cc/ or the app?

[sinhaaman3256]

The website

[ghutchis]

As far as I can tell, it's inherent in the pydata-sphinx theme: https://pydata-sphinx-theme.readthedocs.io/en/stable/examples/gallery.html

There's probably a way to fix it with custom CSS, but I'm not an expert. I'm also having trouble figuring out the particular element for that "hover" text.

I agree with you, it's really weird, but I'm not sure we can do anything about it right now.