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

Когда панель навигации открыта, ширина панели навигации должна автоматически корректироваться с содержимым.

 <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
 }

Панель навигации открывается по умолчанию без щелчка для открытия. Также не закрывается щелчком


angular html css angular-material mat-sidenav
person Community    schedule 12.11.2018    source источник
comment
Разве это не поведение по умолчанию? Кажется, когда я играю со Stackblitz ... stackblitz.com/edit/angular-fm64xa?file=app/   -  person user184994    schedule 12.11.2018

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

person alokstar    schedule 12.11.2018