RTL layout issue

[teradata]

RTL layout issue

[emoralesb05]

Yeah, you need to do something like this

  constructor(private _dir: Dir) {
    this._dir.dir = 'rtl';
  }

Since Dir is an angular/material service that is used in the sidenavs

[mmdsharifi]

Thanks dear @emoralesb05 , It works 😄 .

[jotatoledo]

not sure if that feature was active on the quickstart repo.
Could you tell me where should I add dir="rtl" to test this locally? 😄

[mmdsharifi]

Thanks for your replay, first.

You can add dir="rtl" in src/index.html file. I founded a way to fix it, by overriding the inline styles:

ngAfterViewChecked () {
    let sidenav = document.getElementsByClassName('mat-sidenav-content');
    sidenav[1].style.marginLeft = "0px"
    sidenav[1].style.marginRight = "300px"
  }

but, you know this is not good solution, any better one ?

[jotatoledo]

there is a similar function implemented on the documentation page of covalent, maybe you could take a look in the source code and take some ideas from that