I am currently working on building a sidebar navigation using Angular 2 and Material 2,
When in the Open State, it appears as shown below,
https://i.sstatic.net/FFGmz.png
However, in the Closed state, the entire sidebar hides. I would like only the menu text to be hidden while keeping the icon visible.
Take a look at my code snippet below,
<md-toolbar color="primary">
<button md-icon-button (click)="start.toggle()">
<md-icon>menu</md-icon>
</button>Test Project
<button md-icon-button (click)="logout()">
<md-icon>exit_to_app</md-icon>
</button>
</md-toolbar>
<md-sidenav-layout class="left-navigation">
<md-sidenav #start mode="side" opened="true">
<md-nav-list>
<a [routerLink]="view.link" md-list-item *ngFor="let view of views" (click)="sidenav.close()">
<md-icon md-list-icon>{{view.icon}}</md-icon>
<span md-line>{{view.name}}</span>
</a>
</md-nav-list>
</md-sidenav>
<div class="demo-sidenav-content">
<router-outlet></router-outlet>
</div>
</md-sidenav-layout>