设置 Angular 材料扩展面板内容的最小高度

Question

有没有办法在 angular 材料扩展面板内容打开时设置最小高度？ 我已经看到了许多为 header 设置扩展高度和折叠高度的示例，但不是针对内容。 There is a reference to MatExpansionPanelContent in the Angular Docs here: https://material.angular.io/components/expansion/api#MatExpansionPanelContent but I'm not seeing any properties that could be used to set a min height.

我在一个带有手风琴垫的组件顶部有一个侧导航，并且侧导航被挤压到手风琴内扩展面板的大小。 我的 html 设置如下：

<div class="mtTool" fxLayout="row" fxLayout.sm="column">
<div fxFlex="65" >
    <mat-sidenav-container>
        <mat-sidenav #sidenav mode="over" closed>
            <app-mt-mark-form [mtp]="mtp" ></app-mt-mark-form>
        </mat-sidenav>
        <mat-sidenav-content>
            <app-mt-ticket-list></app-mt-ticket-list>/* this has the mat accordion
        </mat-sidenav-content>
    </mat-sidenav-container>
</div>
<div fxFlex="35">
    <app-mt-map></app-mt-map>
</div>

谢谢

皮特

Answer 1

我在内容周围包裹了一个 div，并在 css 中设置了一个最小高度。 它似乎工作正常

<mat-expansion-panel>
<mat-expansion-panel-header>
    <mat-panel-description>
       <h2>HEADER</h2> 
      </mat-panel-description>
</mat-expansion-panel-header>
<div class="ticketContent">
...content here
</div>

css

.markTicketContent{
min-height: 70vh;

}