angular-material-rail-drawer-plugin icon indicating copy to clipboard operation
angular-material-rail-drawer-plugin copied to clipboard

Navbar doesn't keeps the box shadow while closed

Open felipebruce opened this issue 5 years ago • 2 comments

If I use a box-shadow, the side-nav (mode="rail"), keeps it only when opened. When I close, the box-shadow disapear.

felipebruce avatar May 26 '20 23:05 felipebruce

Hi @felipebruce have you got an example app?

Jordan-Hall avatar May 27 '20 10:05 Jordan-Hall

Oh, my bad. I forgot to put in here.

It happens either on https://stackblitz.com/edit/angular-material-mini-variant or in my own project. I just added a class called "test": <mat-sidenav #appDrawer mode="rail" opened="true" (openedChange)="openedChange(appDrawer.opened)" class="test">.

That's the app.component.scss: .container { padding: 8px 24px 108px 24px; } .test { box-shadow: 2px 1px black; }

All the code above was done at https://stackblitz.com/edit/angular-material-mini-variant.

felipebruce avatar May 27 '20 17:05 felipebruce

I believe this is related to the animation. You will have to override the animation example.

Issue closed please read https://github.com/Jordan-Hall/angular-material-rail-drawer-plugin/issues/56

Jordan-Hall avatar Oct 03 '23 15:10 Jordan-Hall