Как изменить ширину по умолчанию sidenav (ящик) - PullRequest
Новая
       27

Как изменить ширину по умолчанию sidenav (ящик)

0 голосов
/ 28 ноября 2018

Как настроить ширину боковой навигации по умолчанию?Я попытался изменить как в документации: 

mat-drawer {
  width: 200px;
}

, но это не работает.Если я добавлю! Важный, то функция расширения не работает. Это код 

<mat-drawer-container class="example-container" fullscreen autosize>
  <mat-drawer [@openClose]="menuState == 1 ? 'open':'close'" class="example-sidenav" mode="side" opened>
    <app-menu-top></app-menu-top>
    <app-side-menu-links></app-side-menu-links>
  </mat-drawer>

  <div class="example-sidenav-content">
    <app-header [configData]="configData" (onSearchButtonClick)="searchButtonClick($event)"></app-header>
      <ng-content></ng-content>
    </div>
</mat-drawer-container>

Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 28 ноября 2018

Попробуйте использовать этот код в css: 

.mat-sidenav {
min-width: 200px }

Иногда компоненту требуется минимальная ширина при создании, а при расширении он автоматически адаптируется к размеру ширины.

0 голосов
/ 28 ноября 2018

Кажется, вы пропустили . синтаксис класса в css, также попробуйте этот класс в своем коде - 

.mat-sidenav {
  width: 200px;
}

PS: он должен быть объявлен в файле styles.css в папке src (Global CSSфайл)

...