MOE design updates

MOE_DEV_NEW_TEMPORARY_DESIGN
Sultan Khan 3 years ago
parent be1e5cf6fc
commit 0d7f3d8c25

@ -27,8 +27,8 @@ export class ConnectorService {
public static retryTimes = 0;
public static timeOut = 180 * 1000;
public static host = 'https://uat.hmgwebservices.com/';
// public static host = 'https://hmgwebservices.com/';
// public static host = 'https://uat.hmgwebservices.com/';
public static host = 'https://hmgwebservices.com/';
// public static host = 'http://riyt-mohemm1:1010/' //MOE inside
// public static host = 'http://riyt-mohemm1.mopm.gov.sa:1010/' // MOE vpn
// public static host = 'http://mohemm-app-test.srca.org.sa:1010/' // SRCA

@ -91,6 +91,7 @@ ion-label {
span {
font-size: 13px;
display: block;
margin-top: 5px;
}
img {
@ -107,7 +108,7 @@ ion-label {
--box-shadow: none !important;
height: auto;
min-height: inherit;
margin-top: 10px;
margin-top: 15px;
font-size: 12px;
}
}

@ -98,7 +98,7 @@
<ion-row >
<label class="date" for="">{{showPaySlip.PERIOD_START_DATE}}</label>
<label class="label" for="">{{showPaySlip.PERIOD_END_DATE}}</label>
<label class="label date-label" for="">{{showPaySlip.PERIOD_END_DATE}}</label>
</ion-row>
<div style="color: black;">
<!-- <ngx-gauge
@ -172,7 +172,7 @@
</ion-row>
<ion-row class="rowtable" >
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for=""> {{ts.trPK('payslip','deductions')}}
<label class="label number" for=""> {{ts.trPK('payslip','deductions')}}
</label>
</ion-col>
@ -180,7 +180,7 @@
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips">
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_AMOUNT}}</label>
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_AMOUNT}}</label>
</ion-col>
</ion-row>
@ -191,10 +191,10 @@
</label>
</ion-col>
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips" >
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_AMOUNT}}</label>
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_AMOUNT}}</label>
</ion-col>
</ion-row>
@ -205,10 +205,10 @@
</label>
</ion-col>
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
<label class="label-bold number" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
</ion-col>
<ion-col class="colPayslips">
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</label>
<label class="label-bold number" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</label>
</ion-col>
</ion-row>
@ -229,10 +229,10 @@
</ion-row>
<ion-row class="rowtable" *ngFor="let list of GetEarningsList" >
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
<label class="label number" for="">{{list.ELEMENT_NAME}}</label>
</ion-col>
<ion-col class="colPayslips">
<label class="label" for="">{{list.AMOUNT}}</label>
<label class="label number" for="">{{list.AMOUNT}}</label>
</ion-col>
</ion-row>
</ion-grid>
@ -255,7 +255,7 @@
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
</ion-col>
<ion-col class="colPayslips">
<label class="label" for="">{{list.AMOUNT}}</label>
<label class="label number" for="">{{list.AMOUNT}}</label>
</ion-col>
</ion-row>
</ion-grid>

@ -37,16 +37,17 @@
.label {
font-size: 15px !important;
text-align: center;
// text-align: center;
margin-bottom: 1px;
margin-left: 8px;
font-weight: bold;
// margin-left: 8px;
}
.label-bold {
font-size: 13px !important;
// font-weight: bold !important;
font-family: WorkSans-Bold;
margin-left: 8px;
font-weight: bold !important;
// font-family: WorkSans-Bold;
// margin-left: 8px;
}
.earingTotH {
@ -224,7 +225,7 @@
.result-text-container {
padding: 0;
margin: 0px -5px 0px -5px;
// margin: 0px -5px 0px -5px;
position: absolute;
top: 30%;
display: block;
@ -234,7 +235,7 @@
h2 {
font-size: 23px;
font-family: WorkSans-Bold;
// font-family: WorkSans-Bold;
margin: 0 auto;
line-height: 36px;
@ -246,7 +247,7 @@
display: block;
margin: 0 auto;
font-size: 14px;
font-family: workSans-Regular;
// font-family: workSans-Regular;
}
}
@ -257,7 +258,7 @@
h2 {
font-size: 25px;
font-family: WorkSans-Bold;
// font-family: WorkSans-Bold;
margin: 0 auto;
line-height: 36px;
@ -269,7 +270,7 @@
display: block;
margin: 0 auto;
font-size: 15px;
font-family: workSans-Regular;
// font-family: workSans-Regular;
}
}
@ -280,8 +281,8 @@
.green-amount {
font-size: 13px;
font-family: WorkSans-Bold;
margin-top: -3px;
// font-family: WorkSans-Bold;
margin-top: 0px;
}
.blue-label {
@ -291,8 +292,8 @@
.blue-amount {
font-size: 13px;
font-family: WorkSans-Bold;
margin-top: -4px;
// font-family: WorkSans-Bold;
margin-top: 0px;
}
.grids {
@ -354,7 +355,7 @@
.col {
font-size: 15px;
font-family: WorkSans-Bold;
// font-family: WorkSans-Bold;
}
.hrTitle {
@ -368,6 +369,16 @@
margin-left: 58px;
margin-bottom: 12px;
padding-right: 5px;
font-weight: bold;
font-family: 'Inter' !important;
}
.number {
font-size: 'Inter' !important;
}
.date-label {
font-family: 'Inter' !important;
}
.div-green {

Loading…
Cancel
Save