[Feature Request] Possibility to disable :hover pseudo-class of sidenav

[fcosi]

What is your enhancement?

Dear Creative Tim team. I recently bought the anniversary bundle of your company and I started using the Argon Dashboard PRO React.

First of all, thank you for your great work, it looks amazing and it is much fun to use!

I encountered the following problem: when toggling the collapse of the sidebar in the Admin view, the sidebar actually collapses only when the mouse leaves the sidebar area due to the fact that the sidebar is defined via a CSS class sidenav, which has the :hover pseudo-class hardcoded. This does not coincide with the needed user experience, for which the sidebar would collapse in the moment the toggle is pressed.

Steps to reproduce:

Disable onMouseEnterSidenav and onMouseLeaveSidenav Functions in Sidebar.js

What is expected:

Sidebar collapses immediatly after pressing the toggle button

What actually happens:

Sidebar (in Admin view) incollapses only when mouse leaves the sidebar (it still reacts on mouse-hover events )

Since in JS it is not possible (or at least common practice) to disable a CSS pseudo-class inline, I would like to know if there is a way to disable the :hover style specification? If not, is feature planned for this possibility?

I would appreciate some help a lot,

kind regards

[sajadevo]

Hi @fcosi Thanks for using our product and helping us to make it better, we noticed about that issue and we will take care of that on the next update of Argon Dashboard PRO React, if you need it urgent then you can use the assets/scss directory and head over to the sidebar styles and remove its :hover state.

All the best Sajad

[fcosi]

Hey @sajadevo, thank you for your response. It is not that urgent, but I would appreciate to receive a notification when the next update of Argon Dashboard PRO React will be available.

Thank you, kind regards