tanshu/barker
1
0
Fork 0
Code Issues 1 Pull Requests Releases 4 Activity

Modifiers popup not scrolling fixed

Browse Source
This commit is contained in:
Amritanshu 2019-08-21 15:39:01 +05:30
parent 992a6b6767
commit 2c0c91b136
1 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
bookie/src/app/sales/modifiers/modifiers.component.html
View File

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