Отрегулируйте ширину циновки, когда она открыта

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

Ваша проблема: когда вы делаете следующее: .mat-side-nav{ width: auto! Важный}

Это довольно жесткое кодирование ширины, чтобы взять все, что в ней содержится.

Решение: найдите класс, который активен при его открытии, и установите для этого класса ширину: авто.