RTL issue with the sidebar

[motro]

The sidebar isn't working properly on small screen devices (see attached image), did you manage to solve that somehow?

Thanks!

[lxsameer]

Thanks for reporting, I'll fix it ASAP

[motro]

Here's a solution, add this after you require the admin_lte/rtl/admin_lte file:

@media (max-width: 767px) {
  .main-sidebar,
  .left-side {
    -webkit-transform: translate(230px, 0) !important;
    -ms-transform: translate(230px, 0) !important;
    -o-transform: translate(230px, 0) !important;
    transform: translate(230px, 0) !important;
  }
}

@media (max-width: 767px) {
  .sidebar-open .main-sidebar,
  .sidebar-open .left-side {
    -webkit-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
  }
}

@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .right-side,
  .sidebar-open .main-footer {
    -webkit-transform: translate(-230px, 0) !important;
    -ms-transform: translate(-230px, 0) !important;
    -o-transform: translate(-230px, 0) !important;
    transform: translate(-230px, 0) !important;
  }
}

[lxsameer]

Awesome. Thanks for the fix , It would be awesome if you can create PR for this but if you don't feel like it , I can add it my self :)