title: Adjust the width of the mat-side-nav while it is open
body: <p>When the nav-bar is clicked open, the width of the nav-bar is to be adjusted automatically with the content.</p>
  
  <pre><code> &lt;mat-sidenav #sidenav  mode="side" class="primary-color main-sidenav nav- 
   shadow" opened="true" [@sidenavState]="sidenavState" 
   (@sidenavState.done)="endAnimation()" *ngIf="layout === 'modern' || 
   forceModern"&gt;
   ....
   &lt;/mat-sidenav&gt;
  </code></pre>
  
  <p>When I set the width of the side-nav in SCSS as </p>
  
  <pre><code>.mat-side-nav{
     width: auto !important
   }
  </code></pre>
  
  <p>The nav-bar is opened by default without being clicked to open. Also it is not closed with the click</p>