Skip to content

<md-sidenav>: remove shadows in persistent mode (mode='side'), or add @Input like "shadow='on|off|auto'" #2674

@m0nzderr

Description

@m0nzderr

Bug, feature request, or proposal:

I would rather consider it a feature proposal or improvement, than a bug. But one could see it as a bug if taking the MD spec literally.

What is the expected behavior?

The spec (https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior)
states that permanent drawer (i.e., mode='side') should stay at the same elevation as the content (i.e., no shadow).

What is the current behavior?

md-sidenav allways stays above the content dropping shadow.

What are the steps to reproduce?

See, e.g, the Examples tab at https://material.angular.io/components/component/sidenav

What is the use-case or motivation for changing an existing behavior?

Implementing the persistent navigation drawer behavior, as described here: https://material.io/guidelines/patterns/navigation-drawer.html#navigation-drawer-behavior

And being able to deliver good design, of course!

Which versions of Angular, Material, OS, browsers are affected?

@angular/material 2.0.0.beta-1

Is there anything else we should know?

Thumbs up for the lib. Looking forward to new releases! I'm already moving to production with it.

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions