Modifiers popup not scrolling fixed

This commit is contained in:
Amritanshu
2019-08-21 15:39:01 +05:30
parent 992a6b6767
commit 2c0c91b136

View File

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