Modifiers popup not scrolling fixed
This commit is contained in:
@ -1,20 +1,22 @@
|
|||||||
<mat-tab-group>
|
<mat-dialog-content>
|
||||||
<mat-tab *ngFor="let item of list">
|
<mat-tab-group>
|
||||||
<ng-template matTabLabel>
|
<mat-tab *ngFor="let item of list">
|
||||||
<span>{{item.name}}</span>
|
<ng-template matTabLabel>
|
||||||
<mat-chip-list matBadge="0" matBadgeOverlap="false">
|
<span>{{item.name}}</span>
|
||||||
<mat-chip *ngIf="!item.maximum">{{item.minimum}} - ∞</mat-chip>
|
<mat-chip-list matBadge="0" matBadgeOverlap="false">
|
||||||
<mat-chip *ngIf="!!item.maximum">{{item.minimum}} - {{item.maximum}}</mat-chip>
|
<mat-chip *ngIf="!item.maximum">{{item.minimum}} - ∞</mat-chip>
|
||||||
</mat-chip-list>
|
<mat-chip *ngIf="!!item.maximum">{{item.minimum}} - {{item.maximum}}</mat-chip>
|
||||||
</ng-template>
|
</mat-chip-list>
|
||||||
<div fxLayout="row wrap" fxLayoutGap="grid 20px">
|
</ng-template>
|
||||||
<mat-card fxLayout="column" class="square-button" matRipple *ngFor="let m of item.modifiers" (click)="select(m)"
|
<div fxLayout="row wrap" fxLayoutGap="grid 20px">
|
||||||
[class.selected]="selectedIds.indexOf(m.id) !== -1">
|
<mat-card fxLayout="column" class="square-button" matRipple *ngFor="let m of item.modifiers" (click)="select(m)"
|
||||||
<h3 class="item-name">{{m.name}}</h3>
|
[class.selected]="selectedIds.indexOf(m.id) !== -1">
|
||||||
</mat-card>
|
<h3 class="item-name">{{m.name}}</h3>
|
||||||
</div>
|
</mat-card>
|
||||||
</mat-tab>
|
</div>
|
||||||
</mat-tab-group>
|
</mat-tab>
|
||||||
|
</mat-tab-group>
|
||||||
|
</mat-dialog-content>
|
||||||
<mat-dialog-actions align="end">
|
<mat-dialog-actions align="end">
|
||||||
<button mat-button [mat-dialog-close]="selected">Done</button>
|
<button mat-button [mat-dialog-close]="selected">Done</button>
|
||||||
</mat-dialog-actions>
|
</mat-dialog-actions>
|
||||||
|
|||||||
Reference in New Issue
Block a user