Угловой материал 2 Sidenav shadow

Question

Каков наилучший способ удалить тень из sidenav?

Вот ссылка на то, что он выглядит следующим образом: Link

Вот мой код:

<md-sidenav-container class="windowFullHeight"> 

    <md-sidenav #start mode="side" opened="{{globalvariablesservice.SidebarValue()}}"> 
     <papp-sidebar></papp-sidebar> 
    </md-sidenav> 

    <div class="noMargin"> 
     <papp-topbar></papp-topbar> 
     <!--<papp-calendar-grid></papp-calendar-grid> Broken--> 
     <papp-ads class="vAlignBottom"></papp-ads> 
    </div> 

</md-sidenav-container> 

<div class="container"> 
    <papp-settings></papp-settings> 
</div> 

Answer 1

Лучший способ сделать это, чтобы просто выяснить соответствующий .css или .scss файл от Angular2-material и выберите и измените его на желаемое значение.

Но, я думаю, вы этого не сделаете. Таким образом, другой способ сделать это, чтобы предназначаться селектор желание и изменить его соответствующим образом, как показано ниже,

DEMO: https://plnkr.co/edit/K3aWIj8d0n4VGNBoGLDV?p=preview

styles.css

md-sidenav.md-sidenav-opened, md-sidenav.md-sidenav-opening{ 
    box-shadow: 0 0 0 0 !important; 
}