bug(sidenav): margins are reversed when contained in a dialog

[CaerusKaru]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Margins for left and right sidenavs should be applied correctly

What is the current behavior?

The left sidenav applies margin-right to mat-sidenav-content instead of margin-left, and the same for the right sidenav. This is also the same behavior if only one sidenav is used. Also note, for probably obvious reasons, this only occurs in side or push mode.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

https://stackblitz.com/edit/angular-7kuc9x?file=app/sidenav-position-example.ts

What is the use-case or motivation for changing an existing behavior?

Sidenavs should present correctly in any situation.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular v6, Material and CDK v6, Max OS X, TS 2.7, Chrome

Is there anything else we should know?

At some point in the past, this was working.

[CaerusKaru]

cc @mmalerba @crisbeto

[CaerusKaru]

The workaround for this is to explicitly set direction: 'ltr' in the dialog config. Maybe #11264 will fix this?

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}