UI changes
This commit is contained in:
parent
562c7533ce
commit
80c7a6a983
@ -16,13 +16,13 @@
|
|||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
<mat-card-content style="max-height:100% !important;">
|
<mat-card-content style="max-height:100% !important;">
|
||||||
<div fxLayout="row wrap" class="child_mat_card">
|
<div fxLayout="row wrap" class="child_mat_card">
|
||||||
<mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#827f7f' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
|
<mat-card fxFlex.xs="80" fxFlex.sm="45" fxFlex.md="30" fxFlex.lg="23" fxFlex.xl="23" *ngFor="let formButton of categoryFormButtons;let quesIndex=index" [ngStyle]="{'background-color':formButton.isAnswered == false ? '#fff' : '#4caf50' ,'color':'#fff'}" (click)="OnSelectDirectForms(formButton)">
|
||||||
<mat-card-header>
|
<mat-card-header >
|
||||||
<div fxFlex="90" align="left" style="padding:15px !important;">
|
<div fxFlex="90" align="left" style="padding:15px !important;">
|
||||||
{{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }}
|
{{ (formButton.form_name.length>17)? (formButton.form_name | slice:0:17)+'..':(formButton.form_name) }}
|
||||||
</div>
|
</div>
|
||||||
<div fxFlex="20" align="end">
|
<div fxFlex="20" align="end">
|
||||||
<span style="padding: 3px;" class="menu-badge mat-purple ng-star-inserted" align="center">Q{{formButton.pd_form_order}}</span>
|
<span style="padding: 2px 9px 3px 9px !important;" class="menu-badge mat-purple ng-star-inserted" align="center">{{quesIndex+1}}</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- <mat-card-subtitle>Karthi Kms</mat-card-subtitle> -->
|
<!-- <mat-card-subtitle>Karthi Kms</mat-card-subtitle> -->
|
||||||
</mat-card-header>
|
</mat-card-header>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user