fix issue

MOE_DEV_NEW_TEMPORARY_DESIGN
Fatimah.Alshammari 6 years ago
parent 73099ddcc9
commit b42c1981fe

@ -159,10 +159,10 @@
<div class="hrTitle"> {{ts.trPK('payslip','summary-payment')}} </div>
<ion-grid class="grids">
<ion-row class="bgcolor">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
</ion-col>
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label">%</label>
</ion-col>
<ion-col class="colPayslips">
@ -171,12 +171,12 @@
</ion-col>
</ion-row>
<ion-row class="rowtable" >
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for=""> {{ts.trPK('payslip','deductions')}}
</label>
</ion-col>
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips">
@ -186,11 +186,11 @@
<ion-row class="rowtable">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{ts.trPK('payslip','earnings')}}
</label>
</ion-col>
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips" >
@ -200,11 +200,11 @@
</ion-row>
<ion-row class="rowtable">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label-bold" for="">{{ts.trPK('payslip','pay-Amount')}}
</label>
</ion-col>
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips">
@ -219,7 +219,7 @@
<div class="hrTitle"> {{ts.trPK('payslip','earnings')}} </div>
<ion-grid class="grids">
<ion-row class="bgcolor">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
</ion-col>
<ion-col class="colPayslips">
@ -228,7 +228,7 @@
</ion-col>
</ion-row>
<ion-row class="rowtable" *ngFor="let list of GetEarningsList" >
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
</ion-col>
<ion-col class="colPayslips">
@ -242,7 +242,7 @@
<div class="hrTitle"> {{ts.trPK('payslip','deductions')}} </div>
<ion-grid class="grids">
<ion-row class="bgcolor">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
</ion-col>
<ion-col class="colPayslips">
@ -251,7 +251,7 @@
</ion-col>
</ion-row>
<ion-row class="rowtable" *ngFor="let list of GetDeductionsList" >
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
</ion-col>
<ion-col class="colPayslips">
@ -281,7 +281,7 @@
</ion-row>
<ion-row class="rowtable">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<ion-row class="col">
<label class="label" for="">{{ts.trPK('payslip','bank-name')}} </label>
</ion-row>
@ -301,7 +301,7 @@
</ion-row>
<ion-row class="rowtable">
<ion-col class="colPayslip">
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'" >
<ion-row class="col">
<label class="label" for="">{{ts.trPK('payslip','account-no')}}
</label>

@ -15,6 +15,15 @@
margin-left: 8px;
font-size: 12px !important;
}
.colPayslip-ar{
border-left: 1px solid #cac8c8;
border-bottom-left-radius: -10px !important;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 8px;
font-size: 12px !important;
}
.colPayslips{
border-bottom-left-radius: -10px !important;
padding-top: 8px;

Loading…
Cancel
Save