在垫子侧导航打开时调整其宽度

Question

单击打开导航栏时，导航栏的宽度将根据内容自动调整。

<mat-sidenav #sidenav  mode="side" class="primary-color main-sidenav nav- 
shadow" opened="true" [@sidenavState]="sidenavState" 
(@sidenavState.done)="endAnimation()" *ngIf="layout === 'modern' || 
forceModern">
....
</mat-sidenav>

当我将SCSS中的侧导航宽度设置为时

.mat-side-nav{
width: auto !important
}

导航栏在默认情况下打开，而无需单击打开。此外，点击也不会关闭

Answer 1

您的问题：当您执行以下操作时：.垫子侧导航{宽度：自动！重要的}

这是一种对宽度进行硬编码，以获取它包含的任何内容。

解决方案：找到打开时处于活动状态的类，并为该类设置宽度：auto。