Fix: Happy hour product button color was being overwritten by the face color
This commit is contained in:
parent
a1ccf973cd
commit
da46591313
@ -10,15 +10,18 @@
|
||||
<h3 class="item-name">Back</h3>
|
||||
</mat-card>
|
||||
<mat-card
|
||||
class="face flex flex-col square-button mr-5, mb-5"
|
||||
class="flex flex-col square-button mr-5, mb-5"
|
||||
matRipple
|
||||
*ngFor="let item of list"
|
||||
(click)="addProduct(item)"
|
||||
[class.yellow300]="item.hasHappyHour"
|
||||
[class.grey800]="item.isNotAvailable"
|
||||
[class.face]="!item.hasHappyHour && !item.isNotAvailable"
|
||||
>
|
||||
<h3 class="item-name">{{ item.name }}</h3>
|
||||
<mat-card-subtitle class="face center">{{ item.price | currency : 'INR' }}</mat-card-subtitle>
|
||||
<mat-card-subtitle class="center" [class.face]="!item.hasHappyHour && !item.isNotAvailable">{{
|
||||
item.price | currency : 'INR'
|
||||
}}</mat-card-subtitle>
|
||||
</mat-card>
|
||||
</div>
|
||||
</mat-card-content>
|
||||
|
Loading…
Reference in New Issue
Block a user