如何定制角度材料Sidenav组件？

我正在建立一个使用Angular 4和Angular Material的聊天工具，我试图在sidenav上显示一些信息。我使用的是Angular Material的sidenav，但我愿意定制样式并摆脱sidenav打开时出现的阴影。如何定制角度材料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但它不会工作。

来源

2017-08-05 Emanuela Colta

您可以使用mode="side"，它不创建背景。

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

看到docs

来源

2017-08-05 08:34:13

谢谢！这实际上是我想要的。即使内容看起来更好，因为它不会被推送和隐藏。谢谢！！！ –

如何定制角度材料Sidenav组件？

回答

相关问题