Topic: SideNav - Remove slide in effect

datashield free asked 5 years ago


Hello,

I'm currently using the composition 'Double Navigation with fixed SideNav & non-fixed Navbar'. I am using react-router-dom for my navigation and since some of the pages do not have the sidenav, such as a login page, I am having to render the sidenav on each page individually.

Anytime any page loads there is a slide-in animation from off screen to on screen indicated by a change from side-slide-exit-done to side-slide-enter-done. Is there a way to remove this animation when rendering the component? Or just completely remove it?


datashield free commented 5 years ago

My currently solution involves setting transition-duration: 0s !important; in my own CSS. Is there a proper way to do this?


Anna Morawska staff answered 5 years ago


Hi there,

right now the only way to remove the animation is to use custom css, as you've already done - but thank you for raising this issue - we didn't predict this - we will try to add this functionality in one of the future releses

Best, Ania



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.0
  • Device: Laptop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: Yes
  • Provided link: No