Skip to content

Please add in sidenav Navigation drawer a (Mini variant) #9640

@ghost

Description

Bug, feature request, or proposal:

feature

What is the expected behavior?

is very hard or impossible to add min variant

What is the current behavior?

The sidenave is hiding completely, I want to control the min-width on close
7

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

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

I very hard for me to make this, is very important for me because I build most of the time Desktop apps with google material.

Add this feature ass extra for desktop developers

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

the latest:

  • Windows 10 Pro
  • "@angular/cli": "1.6.5",
  • "typescript": "~2.5.3"
  • "@angular/material": "^5.1.0",

Is there anything else we should know?

Yes Add this
8

 <mat-sidenav-container>

    <mat-sidenav 
      #adminNavMenu 
      mode="side" 
      opened="true"
      variantMin="60px"     <=== I need to add this input is importand.
      variantMax="250px">   <=== I need to add this input is importand.

      <!-- MENU LEFT -->
      <app-admin-menu-left></app-admin-menu-left>

    </mat-sidenav>

</mat-sidenav-container>
@input variantMin = the min-width, default set this to 0
@input variantMax = the max-width, default set this to 250 || auto

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions