Angular 9 - sidenav занимает только высоту содержимого - PullRequest
Новая
       40

Angular 9 - sidenav занимает только высоту содержимого

0 голосов
/ 06 апреля 2020

Я просматривал этот форум, пытаясь найти решение.

Моя проблема проста: mat-sidenav не выпрямляется по всей пустой высоте, занимая только высоту содержимого. 

<div class="main-container" fullscreen>
  <div class="main-banner">
    <button (click)='menuBar.toggle()'>XYZ</button>
    <h1 class='banner-manners'>THIS IS IMPORTANT MESSAGE AREA</h1>
  </div>
  <mat-sidenav-container>
    <mat-sidenav #menuBar mode='over' class="menu-container">
      <app-menu></app-menu>
    </mat-sidenav>
    <mat-sidenav-content class="content-container">
      <app-kushman></app-kushman>
    </mat-sidenav-content>
  </mat-sidenav-container>
</div>

1 Ответ

0 голосов
/ 07 апреля 2020 
<div class="main-container">
  <mat-sidenav-container fullscreen>
    <mat-sidenav #menuBar mode='over' class="menu-container">
      <app-menu></app-menu></mat-sidenav>
    <mat-sidenav-content class="content-container">
      <div class="main-banner">
        <h1 class='banner-manners'>THIS IS IMPORTANT MESSAGE AREA</h1>
        <button (click)='menuBar.toggle()'>XYZ</button>
      </div>
      <app-kushman></app-kushman></mat-sidenav-content>  
  </mat-sidenav-container>
</div>
...