Как я могу настроить угловой материал Sidenav Component?

Question

Я создаю чат, используя Angular 4 и Angular Material, и пытаюсь отобразить некоторую информацию в sidenav. Я использую sidenav из Angular Material, но я хочу настроить стиль и избавиться от тени, которая появляется, когда sidenav открыт.

В файле styles.css я попробовал это:

.mat-sidenav-transition .mat-sidenav-backdrop.mat-sidenav-shown {
    transition: background-color .4s cubic-bezier(.01,.1,.25,1); 
    background-color: transparent;

}
.mat-sidenav-backdrop.mat-sidenav-shown {
    background-color: transparent;
}

Я также пытался использовать ::ng-deep но это не сработает.

Answer 1

Ты можешь использовать mode="side", что не создает фон.

<md-sidenav mode="side" opened="true">Drawer content</md-sidenav>

см документы