Geek Answers Handbook

Remove gray overlay / background from $ mdSidenav

I use some components from Angular Material in my project, and I have some problems with removing gray overlay / background for the $mdSidenav service, because I do not see where I can configure it.

Since I don't want to hack into the main code in Angular stuff, I am wondering what is the best way to remove the gray overlay / background when the side navigation bar slides (active). Can someone point me where I can configure or override the gray overlay? Thanks

+6
source share
2 answers

CSS usage:

 md-backdrop.md-sidenav-backdrop{ display:none }

Warning:. This could lead to a violation of user functionality.

+3
source

You can use the built-in Angular md-disable-backdrop material attribute directive. It takes a boolean value and, if present in the markup, sidenav will not display the background image.

 <md-sidenav md-disable-backdrop> </md-sidenav>
+12
source

More articles:


All Articles