Topic: sidenav shown on center of the screen on RTL mode

sody priority asked 1 year ago


*Expected behavior*in 4.3.0 it was okay, sidenav should be hidden.

Actual behavior

in 6.4.x sidenav is shown in middle of screen in RTL mode.hitting menu button hides the menu and on second click its shown correctly in the side. need to fix so it should be hidden on startup.

Resources (screenshots, code snippets etc.)

sidenav shown in middle of screen on startup


Grzegorz Bujański staff commented 1 year ago

Unfortunately, I am unable to reproduce it. Please send the code you use so that we can reproduce it.


Grzegorz Bujański staff answered 1 year ago


Yes, this causes an error. In rtl.min.css the translateX value should be 100%. Thanks for reporting. We will fix it as soon as possible.


sody priority answered 1 year ago


Hi,

here I put my code - you should load it with rtl.min.css though - so its not complete:

https://mdbootstrap.com/snippets/standard/sody/5675828

I nailed the problem to fix (I think there should be another fix but as a workaroud) in this line:

mdb-ui-kit\src\mdb\scss\pro_variables.scss:

// Sidenav

//changed by Sody

//$sidenav-transform: translateX(-100%) !default;

$sidenav-transform: translateX(100%) !default;



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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.2
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No
Tags