[request] LeftNav can be RightNav? about material-ui

[0x0ece]

If you need a quick hack, add this to your CSS (basically substitute every left with right, and restore left to auto):

.mui-left-nav .mui-left-nav-menu {
    left: auto;
    right: 0px;
    -webkit-transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -moz-transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -o-transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: right 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.mui-left-nav.mui-closed .mui-overlay {
    left: auto;
    right: -100%;
    -webkit-transition: right 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -moz-transition: right 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    -o-transition: right 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: right 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.mui-left-nav.mui-closed .mui-left-nav-menu {
    left: auto;
    right: -266px;
}

[tofanelli]

sweet!!! thanks very very much!!! =)

quick question... any plans to add a RightNav in future?

[0x0ece]

I'm not one of the developers, but I assume so (I just played around a bit). You can always submit your pull request :)

[tofanelli]

ops... sorry.... i thought you was....

i'm trying to learn how github works yet.... sorry and thanks very very much =)

[mmrtnz]

Hi @tofanelli! We've added a new prop called openRight which will solve your issue without needing to modify any CSS. This will be part of the v0.8.0 release which will no longer have component CSS classes.

[tofanelli]

hey @mmrtnz .... glad to hear this news.... i will update here and see the news =)

cheers =)