Skip to content

MD-SIDENAV - Pinned and backdrop options - Feature request #868

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
joejordanbrown opened this issue Jul 16, 2016 · 7 comments
Closed

MD-SIDENAV - Pinned and backdrop options - Feature request #868

joejordanbrown opened this issue Jul 16, 2016 · 7 comments

Comments

@joejordanbrown
Copy link
Contributor

joejordanbrown commented Jul 16, 2016

Feature request:

Add pinned option with setting option for it to be pinned when view is desktop.

The material design specifications for Desktop structure of the sidenav say "accessed temporarily or pinned for permanent display."

Is there going to be an option for this?

Also i think the backdrop should be allowed to be disabled manually or automatically when pinned.

@jelbourn
Copy link
Member

You can bind the opened state to always be true. More responsive feature will be coming in the future. mode="side" doesn't have a backdrop.

@Dunos
Copy link

Dunos commented May 11, 2017

@jelbourn what about the backdrop, how can we disable it manually? I need to use the "over" mode but without any backdrop, or at least add one more more to cover that case.

@willshowell
Copy link
Contributor

@Dunos try adding this to your global stylesheet

.mat-sidenav-backdrop.mat-sidenav-shown {
 background: none;
}

@Dunos
Copy link

Dunos commented May 11, 2017

@willshowell I tried that before but I don't think changing the CSS should be the right approach to this, specially when in the AngularJS version there was a parameter to do so md-disable-backdrop. Also in the same project could be 2 or 3 different types of sidenavs and so you would have to use the /deep/ styles in the CSS. One single param in the constructor seems much "cleaner" to me (or just one more mode).

@willshowell
Copy link
Contributor

I see, maybe open a separate new issue similar to #2806. That seems to be similar behavior as to what you're looking for.

@Dunos
Copy link

Dunos commented May 11, 2017

Thanks, I did open a new one like suggested.

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants