search

creativetimofficial / ct-argon-dashboard-pro-react

12 stars 7 forks source link

Feature Request -- disable :hover pseudo-class of sidenav https://www.creative-tim.com/new-issue/argon-dashboard-pro-react #45

Closed fcosi closed 3 years ago

fcosi commented 3 years ago

Dear Creative Tim team. I recently bought the anniversary bundle of your company and I started using the Argon Dashboard PRO React. https://www.creative-tim.com/new-issue/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.

Operating system

Ubuntu

Device

Desktop PC

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 much,

kind regards

github-actions[bot] commented 3 years ago

@fcosi this issue was automatically closed because it did not follow our rules:


IMPORTANT: Please use the following link to create a new issue:

https://www.creative-tim.com/new-issue/ct-argon-dashboard-pro-react

**If your issue was not created using the app above, it will be closed immediately.**

Love Creative Tim? Do you need Angular, React, Vuejs or HTML? You can visit:
👉  https://www.creative-tim.com/bundles
👉  https://www.creative-tim.com