MOE design changes

MOE_DEV_NEW_DESIGN
Sultan Khan 3 years ago
parent dc6f77ecd7
commit 70269751fb

@ -27,7 +27,7 @@
<ion-list class="list-en" > <ion-list class="list-en" >
<ion-item (click)="openMenu()" lines="none"> <ion-item (click)="profile()" lines="none">
<ion-thumbnail slot="start" class="menu-thumb"> <ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left> <img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left>
</ion-thumbnail> </ion-thumbnail>
@ -149,7 +149,7 @@
<br> <br>
<ion-list class="list-ar" > <ion-list class="list-ar" >
<ion-item (click)="openMenu()" lines="none"> <ion-item (click)="profile()" lines="none">
<ion-thumbnail slot="start" class="menu-thumb"> <ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left> <img style= "height: 24px !important;" src="../assets/imgs/profile_icon.png" item-left>
</ion-thumbnail> </ion-thumbnail>

@ -1,7 +1,7 @@
<ion-content padding> <ion-content padding>
<ion-grid class="customGrid"> <ion-grid class="customGrid">
<ion-row *ngIf="!user"> <ion-row *ngIf="!user">
<div class="content"> <div class="content" dir="ltr">
<div class="first-circle"></div> <div class="first-circle"></div>
<div class="middle-circle"></div> <div class="middle-circle"></div>
<div class="last-circle"></div> <div class="last-circle"></div>

@ -143,11 +143,11 @@ img.centerDiv {
color: var(--light); color: var(--light);
text-transform: capitalize; text-transform: capitalize;
min-height: 57px; min-height: 57px;
border-radius: 12px !important; --border-radius: 12px !important;
--min-height: 1.6cm !important; --min-height: 1.6cm !important;
width: 315px; width: 315px;
box-shadow: 0px 1px 6px #0000000F; box-shadow: 0px 1px 6px #0000000F;
font-size: 18px; font-size: 16px;
} }
.button-digital-id { .button-digital-id {

@ -7,7 +7,7 @@
</div> </div>
</div> </div>
</ion-col> </ion-col>
<ion-col [size]="9" style="padding: 8px 5px 0px;margin-top: 14px;"> <ion-col [size]="9" style="margin-top: 14px;">
<div> <div>
<span [ngClass]=" direction == 'en'? 'employee-name' : 'employee-name-ar'" (click)="getDetails()"> <span [ngClass]=" direction == 'en'? 'employee-name' : 'employee-name-ar'" (click)="getDetails()">
<h2 class="name">{{name}}</h2> <h2 class="name">{{name}}</h2>

@ -1,186 +1,122 @@
.team-member-container{ .team-member-container {
// background: white;
// border-radius: 100px 20px 20px 100px;
// margin-top: 15px;
// font-family: WorkSans-Regular;
// border: 1px solid #ccc;
// border-radius: 15px;
// padding-bottom: 8px;
background: white; background: white;
/* margin-top: 2px; */ border-radius: 12px;
font-family: WorkSans-Regular;
border: 1px solid #ccc;
border-radius: 15px;
padding-bottom: 8px; padding-bottom: 8px;
margin-bottom: 7px; margin-bottom: 12px;
box-shadow: 0px 1px 5px #0000000F;
} }
// .user-image-container{ .user-image {
// position: relative;
// width: 70px;
// height: 70px;
// display: block;
// margin: 0 auto;
// &:before{
// position: absolute;
// content: "";
// width: 20px;
// height: 20px;
// border-radius: 20px;
// border: 1px solid white;
// top: 0;
// right: 0;
// background-color: red;
// z-index: 9;
// }
// &.present:before{
// background-color: green !important;
// }
// }
.user-image{
// overflow: hidden;
// position: relative;
// display: block;
// width: 100%;
// height: 100%;
// border-radius: 80px;
// border: 1px solid #ccc;
// margin: 0px auto 6px;
img { img {
// width: 100%; width: 60px;
// max-height: 100%; max-height: 60px;
width: 74%; border-radius: 50%;
max-height: 74%; margin: 10px 5px 5px 5px;
margin-top: 4px;
margin-left: 6px;
} }
} }
.employee-name{ .employee-name {
display: inline-block; display: inline-block;
width: 80%; width: 80%;
.name{
// font-size: 16px; .name {
// color: black;
// // margin: 0; font-size: 16px;
// width: 100%; text-overflow: ellipsis;
// text-overflow: ellipsis; white-space: nowrap;
// white-space: nowrap; overflow: hidden;
// overflow: hidden; margin-left: -10px;
// margin-left: -10px; margin-top: -5px;
// margin-top: -5px; text-align: left;
// font-family: 'WorkSans-Bold'; font-family: var(--fontFamilyPoppins-SemiBold, inherit);
font-size: 16px; line-height: 25px;
text-overflow: ellipsis; letter-spacing: -0.64px;
white-space: nowrap; color: #004D71;
overflow: hidden; opacity: 1;
margin-left: -10px;
margin-top: -5px;
text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 25px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
} }
.title{ .title {
// font-size: 13px; font-family: var(--fontFamilyPoppins-SemiBold, inherit);
// color: #888; line-height: 12px;
// width: 100%; letter-spacing: -0.56px;
// text-overflow: ellipsis; color: #575757;
// white-space: nowrap; opacity: 1;
// overflow: hidden; font-size: 14px;
// display: block; width: 100%;
// margin-left: -10px; text-overflow: ellipsis;
// margin-top: -6px; white-space: nowrap;
// color: black; overflow: hidden;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); display: block;
line-height: 12px; margin-left: -10px;
letter-spacing: -0.56px; margin-top: -10px;
color: #575757;
opacity: 1;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-left: -10px;
margin-top: -10px;
} }
} }
.employee-name-ar{ .employee-name-ar {
display: inline-block; display: inline-block;
width: 80%; width: 80%;
.name{
// font-size: 16px; .name {
// color: black; font-size: 16px;
// // margin: 0; text-overflow: ellipsis;
// width: 100%; white-space: nowrap;
// text-overflow: ellipsis; overflow: hidden;
// white-space: nowrap; margin-left: -10px;
// overflow: hidden; margin-top: -5px;
// margin-left: -10px; text-align: right;
// margin-top: -5px; font-family: var(--fontFamilySemiBoldEN, inherit) !important;
// font-family: 'WorkSans-Bold'; line-height: 25px;
font-size: 16px; letter-spacing: -0.64px;
text-overflow: ellipsis; color: #004D71;
white-space: nowrap; opacity: 1;
overflow: hidden; font-weight: bold;
margin-left: -10px;
margin-top: -5px;
text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 25px;
letter-spacing: -0.64px;
color: #2B353E;
opacity: 1;
} }
.title{ .title {
// font-size: 13px;
// color: #888; font-family: var(--fontFamilySemiBoldEN, inherit) !important;
// width: 100%; line-height: 12px;
// text-overflow: ellipsis; letter-spacing: -0.56px;
// white-space: nowrap; color: #5C6F79;
// overflow: hidden; opacity: 1;
// display: block; font-size: 14px;
// margin-left: -10px; width: 100%;
// margin-top: -6px; text-overflow: ellipsis;
// color: black; white-space: nowrap;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); overflow: hidden;
line-height: 12px; display: block;
letter-spacing: -0.56px; margin-left: -10px;
color: #575757; margin-top: -5px;
opacity: 1;
font-size: 14px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
margin-left: -10px;
margin-top: -10px;
} }
} }
.image-container{
.image-container {
width: 20%; width: 20%;
display: inline-block; display: inline-block;
text-align: center; text-align: center;
vertical-align: top; vertical-align: top;
margin-top: 5px; margin-top: 5px;
position: relative;
left: 0px;
top: 10px;
} }
.swipe-information{
.image-container img {
height: 25px;
width: 25px;
}
.swipe-information {
color: #888; color: #888;
font-size: 12px; font-size: 12px;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
padding-top: 6px; padding-top: 6px;
margin-top: 6px; margin-top: 6px;
.check-in { .check-in {
font-size: 12px; font-size: 12px;
margin-right: 15px; margin-right: 15px;
} }
} }

@ -13,7 +13,7 @@
<span>{{ts.trPK('myTeam','search-by')}}</span> <span>{{ts.trPK('myTeam','search-by')}}</span>
</div> </div>
<div> <div>
<ion-row class="custom-radio"> <ion-row class="custom-radio" >
<!-- <ion-col [size]="3" class="search-dropdown" no-padding> --> <!-- <ion-col [size]="3" class="search-dropdown" no-padding> -->
<ion-radio-group [(ngModel)]="searchKeySelect" (ionChange)="showSelectedField($event)" class="radio-list" style="display: flex;"> <ion-radio-group [(ngModel)]="searchKeySelect" (ionChange)="showSelectedField($event)" class="radio-list" style="display: flex;">

@ -35,26 +35,33 @@ ion-content {
--ion-background-color: whitesmoke; --ion-background-color: whitesmoke;
} }
.request-heading { .request-heading {
padding-left: 15px; padding-left: 15px;
margin-top: 10px; margin-top: 10px;
span { span {
text-align: left;
font-weight: bold; font-weight: bold;
line-height: 18px; line-height: 18px;
font-size: 14px; font-size: 18px;
letter-spacing: -0.48px; letter-spacing: -0.48px;
color: #004D71; color: #004D71;
opacity: 1; opacity: 1;
margin: 10px; margin: 10px;
padding: 10px;
} }
} }
ion-app[dir="rtl"] {
span {
font-family: var(--fontFamilyIOSAR) !important;
}
}
.search-label { .search-label {
border: 1px solid #E8E8E8; border: 1px solid #c9c9c9;
margin-left: 15px; margin-left: 15px;
margin-right: 15px; margin-right: 15px;
border-radius: 35px; border-radius: 35px;
@ -233,12 +240,9 @@ ion-content {
.text-label { .text-label {
// --color: black !important;
// font-size: 13px;
// margin-left: 15px;
// margin-right: 18px;
text-align: left; text-align: left;
// font: normal normal 600 12px/18px Poppins;
line-height: 18px; line-height: 18px;
font-size: 12px; font-size: 12px;
@ -254,10 +258,9 @@ ion-content {
width: 100%; width: 100%;
} }
// .selected .radio-icon { .custom-radio {
// border-color: #0064D9; margin: 0px 10px 0px 10px;
// color: red; }
// }
.radio-icon { .radio-icon {
@ -273,39 +276,18 @@ ion-content {
} }
.text { .text {
// font-size: 16px;
// font-weight: bolder;
// font-family: 'WorkSans-Bold';
// margin-top: 27px;
text-align: left; text-align: left;
padding: 0px 10px 0px 10px;
line-height: 11px; line-height: 11px;
font-size: 20px; font-size: 18px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
margin-top: 30px; margin-top: 30px;
margin-bottom: 28px; margin-bottom: 28px;
font-weight: bold;
} }
// .number{
// width: 21px;
// height: 21px;
// padding-right: -10px;
// border-radius: 100%;
// background-color: #004D71;
// z-index: 9;
// margin-top: 26px;
// }
// .numberEmp{
// color: white;
// font-size: 12px;
// font-weight: bolder;
// margin-left: 3px;
// padding-top: 2px;
// }
.number { .number {
width: 22px; width: 22px;
height: 20px; height: 20px;
@ -328,7 +310,7 @@ ion-content {
.numberEmp { .numberEmp {
color: white; color: white;
font-size: 12px; font-size: 11px;
font-weight: bolder; font-weight: bolder;
/* padding-top: 5px; */ /* padding-top: 5px; */
/* padding-right: 20px; */ /* padding-right: 20px; */
@ -336,30 +318,28 @@ ion-content {
width: 23px; width: 23px;
height: 23px; height: 23px;
border-radius: 100%; border-radius: 100%;
background-color: #004D71; background-color: #44A7A1;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */ /* padding-left: 4px; */
text-align: center; text-align: center;
padding-top: 3px; padding-top: 5px;
} }
.numberEmp-ar { .numberEmp-ar {
color: white; color: white;
font-size: 12px; font-size: 11px;
font-weight: bolder; font-weight: bolder;
/* padding-top: 5px; */
/* padding-right: 20px; */
margin-right: 13px; margin-right: 13px;
width: 23px; width: 25px;
height: 23px; height: 25px;
border-radius: 100%; border-radius: 100%;
background-color: #004D71; background-color: #44A7A1;
z-index: 9; z-index: 9;
margin-top: 25px; margin-top: 25px;
/* padding-left: 4px; */
text-align: center; text-align: center;
padding-top: 3px;
padding: 5px;
} }
.div { .div {

@ -14,7 +14,7 @@
<ion-grid> <ion-grid>
<ion-row> <ion-row>
<ion-col size='6'> <ion-col size='6'>
<ion-label position='floating' style="margin-left: 15px;" class="colBold">{{ts.trPK('general','from')}} </ion-label> <ion-label position='floating' class="colBold">{{ts.trPK('general','from')}} </ion-label>
<ion-item class='dynamicField' lines='none'> <ion-item class='dynamicField' lines='none'>
<ion-datetime style="padding: 0px" [(ngModel)]="startDate" min="1900" max="2100" displayFormat="MMM/DD/YYYY" placeholder="MM/DD/YYYY" required <ion-datetime style="padding: 0px" [(ngModel)]="startDate" min="1900" max="2100" displayFormat="MMM/DD/YYYY" placeholder="MM/DD/YYYY" required
@ -24,7 +24,7 @@
</ion-item> </ion-item>
</ion-col> </ion-col>
<ion-col size='6'> <ion-col size='6'>
<ion-label position='floating' style="margin-left: 15px;" class="colBold">{{ts.trPK('general','to')}} </ion-label> <ion-label position='floating' class="colBold">{{ts.trPK('general','to')}} </ion-label>
<ion-item class='dynamicField' lines='none'> <ion-item class='dynamicField' lines='none'>
<ion-datetime style="padding: 0px" [(ngModel)]="endDate" min="1900" max="2100" displayFormat="MMM/DD/YYYY" placeholder="MM/DD/YYYY" required <ion-datetime style="padding: 0px" [(ngModel)]="endDate" min="1900" max="2100" displayFormat="MMM/DD/YYYY" placeholder="MM/DD/YYYY" required
cancelText="{{ts.trPK('general','cancel')}}" cancelText="{{ts.trPK('general','cancel')}}"
@ -62,11 +62,11 @@
<ion-col [size]="9"> <ion-col [size]="9">
<div> <div>
<span> <span>
<h2 style="margin-top: 0px !important; font-size: 20px;" class="name">{{user.EMPLOYEE_NAME}}</h2> <h2 class="name">{{user.EMPLOYEE_NAME}}</h2>
<span class="title"><ion-label>{{ts.trPK('general','from')}}: </ion-label><b style="font-size: 12px;">{{getDate(user.DATE_START)}} &nbsp; &nbsp;</b></span> <span class="title"><ion-label>{{ts.trPK('general','from')}}: </ion-label><b>{{getDate(user.DATE_START)}} &nbsp; &nbsp;</b></span>
<span class="title"><ion-label>{{ts.trPK('general','to')}}: </ion-label><b style="font-size: 12px;">{{getDate(user.DATE_END)}}</b></span> <span class="title"><ion-label>{{ts.trPK('general','to')}}: </ion-label><b>{{getDate(user.DATE_END)}}</b></span>
<br> <br>
<span class="title"><ion-label>{{ts.trPK('myTeam','no-of-days')}}: </ion-label><b style="font-size: 12px;">{{diffDays(user)}}</b></span> <span class="title"><ion-label>{{ts.trPK('myTeam','no-of-days')}}: </ion-label><b>{{diffDays(user)}}</b></span>
</span> </span>
</div> </div>
</ion-col> </ion-col>

@ -11,58 +11,27 @@
} }
.team-member-container { .team-member-container {
// background: white;
// border-radius: 100px 20px 20px 100px;
// margin-top: 15px;
// font-family: WorkSans-Regular;
// border: 1px solid #ccc;
// border-radius: 15px;
// padding-bottom: 8px;
background: white; background: white;
/* margin-top: 2px; */ font-family: var(fontFamilySemiBoldEN, inherit) !important;
font-family: WorkSans-Regular;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 15px; border-radius: 15px;
padding-bottom: 8px; padding-bottom: 8px;
padding-top: 9px; padding-top: 9px;
margin-bottom: 7px; margin-bottom: 7px;
h2.name {
font-family: var(fontFamilySemiBoldEN, inherit) !important;
margin: 0;
font-size: 18px;
}
p {
color: #004D71;
}
} }
// .user-image-container{
// position: relative;
// width: 70px;
// height: 70px;
// display: block;
// margin: 0 auto;
// &:before{
// position: absolute;
// content: "";
// width: 20px;
// height: 20px;
// border-radius: 20px;
// border: 1px solid white;
// top: 0;
// right: 0;
// background-color: red;
// z-index: 9;
// }
// &.present:before{
// background-color: green !important;
// }
// }
.user-image { .user-image {
// overflow: hidden;
// position: relative;
// display: block;
// width: 100%;
// height: 100%;
// border-radius: 80px;
// border: 1px solid #ccc;
// margin: 0px auto 6px;
img { img {
// width: 100%;
// max-height: 100%;
width: 74%; width: 74%;
max-height: 74%; max-height: 74%;
margin-top: 7px; margin-top: 7px;
@ -75,16 +44,6 @@
width: 80%; width: 80%;
.name { .name {
// font-size: 16px;
// color: black;
// // margin: 0;
// width: 100%;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// margin-left: -10px;
// margin-top: -5px;
// font-family: 'WorkSans-Bold';
font-size: 16px; font-size: 16px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -92,25 +51,16 @@
margin-left: -10px; margin-left: -10px;
margin-top: -5px; margin-top: -5px;
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(fontFamilySemiBoldEN, inherit) !important;
line-height: 25px; line-height: 25px;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #2B353E;
opacity: 1; opacity: 1;
} }
.title { .title {
// font-size: 13px; font-family: var(fontFamilySemiBoldEN, inherit) !important;
// color: #888;
// width: 100%;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// display: block;
// margin-left: -10px;
// margin-top: -6px;
// color: black;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 12px; line-height: 12px;
letter-spacing: -0.56px; letter-spacing: -0.56px;
color: #575757; color: #575757;
@ -131,16 +81,6 @@
width: 80%; width: 80%;
.name { .name {
// font-size: 16px;
// color: black;
// // margin: 0;
// width: 100%;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// margin-left: -10px;
// margin-top: -5px;
// font-family: 'WorkSans-Bold';
font-size: 16px; font-size: 16px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@ -148,7 +88,7 @@
margin-left: -10px; margin-left: -10px;
margin-top: -5px; margin-top: -5px;
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(fontFamilySemiBoldEN, inherit) !important;
line-height: 25px; line-height: 25px;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #2B353E;
@ -156,17 +96,7 @@
} }
.title { .title {
// font-size: 13px; font-family: var(fontFamilySemiBoldEN, inherit) !important;
// color: #888;
// width: 100%;
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
// display: block;
// margin-left: -10px;
// margin-top: -6px;
// color: black;
font-family: var(--fontFamilyPoppins-SemiBold, inherit);
line-height: 12px; line-height: 12px;
letter-spacing: -0.56px; letter-spacing: -0.56px;
color: #575757; color: #575757;
@ -201,4 +131,8 @@
font-size: 12px; font-size: 12px;
margin-right: 15px; margin-right: 15px;
} }
}
.colBold {
margin: 10px
} }

@ -121,7 +121,7 @@ ion-thumbnail.menu-thumb {
color: white; color: white;
// letter-spacing: 1px; // letter-spacing: 1px;
// font-weight: bold; // font-weight: bold;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
} }
.services { .services {
@ -1313,20 +1313,21 @@ $actionBtnSize: 36px;
.name { .name {
text-align: center; text-align: center;
letter-spacing: -0.84px; letter-spacing: -0.84px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 21px; line-height: 21px;
font-size: 21px; font-size: 21px;
font-weight: bold;
} }
.email { .email {
text-align: center; text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
font-size: 13px; font-size: 13px;
line-height: 6px; line-height: 6px;
letter-spacing: -0.52px; letter-spacing: -0.52px;
color: #A2A2A2; color: #004D71;
opacity: 1; opacity: 1;
} }
@ -1334,28 +1335,29 @@ $actionBtnSize: 36px;
.subTitle { .subTitle {
text-align: center; text-align: center;
letter-spacing: -0.52px; letter-spacing: -0.52px;
color: #A2A2A2; color: #004D71;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
font-size: 13px; font-size: 16px;
line-height: 0px; line-height: 0px;
margin-bottom: 7px; margin-bottom: 7px;
font-weight: bold;
} }
.boldText { .boldText {
text-align: center; text-align: center;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #5C6F79 !important;
opacity: 1; opacity: 1;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
font-size: 16px; font-size: 12px;
line-height: 19px; line-height: 19px;
} }
.btnTitle { .btnTitle {
text-align: center; text-align: center;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 10px; line-height: 10px;
font-size: 11px; font-size: 11px;
color: #4D4D4D; color: #4D4D4D;
@ -1363,23 +1365,24 @@ $actionBtnSize: 36px;
.Profileheader-label-text-form { .Profileheader-label-text-form {
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 30px; line-height: 30px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
margin-top: 12px; margin-top: 12px;
margin-bottom: 2px; margin-bottom: 2px;
font-weight: bold;
} }
.header-label-text-form { .header-label-text-form {
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 30px; line-height: 30px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
margin-top: -3px; margin-top: -3px;
margin-bottom: 2px; margin-bottom: 2px;
@ -1389,32 +1392,33 @@ $actionBtnSize: 36px;
.type-label-text-form { .type-label-text-form {
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 20px; line-height: 20px;
font-size: 13px; font-size: 14px;
letter-spacing: -0.52px; letter-spacing: -0.52px;
color: #A2A2A2; color: #5C6F79;
opacity: 1; opacity: 1;
} }
.result-label-text-form { .result-label-text-form {
text-align: left; text-align: left;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit) !important;
line-height: 20px; line-height: 20px;
font-size: 16px; font-size: 16px;
letter-spacing: -0.64px; letter-spacing: -0.64px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
font-weight: 600;
} }
.Profileheader-label-text-form-ar { .Profileheader-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 30px; line-height: 30px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
margin-top: 12px; margin-top: 12px;
margin-bottom: 2px; margin-bottom: 2px;
@ -1422,11 +1426,11 @@ $actionBtnSize: 36px;
.header-label-text-form-ar { .header-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 30px; line-height: 30px;
font-size: 20px; font-size: 20px;
letter-spacing: -0.8px; letter-spacing: -0.8px;
color: #2B353E; color: #004D71;
opacity: 1; opacity: 1;
margin-top: -3px; margin-top: -3px;
margin-bottom: 2px; margin-bottom: 2px;
@ -1436,7 +1440,7 @@ $actionBtnSize: 36px;
.type-label-text-form-ar { .type-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 20px; line-height: 20px;
font-size: 13px; font-size: 13px;
letter-spacing: -0.52px; letter-spacing: -0.52px;
@ -1446,7 +1450,7 @@ $actionBtnSize: 36px;
.result-label-text-form-ar { .result-label-text-form-ar {
text-align: right; text-align: right;
font-family: var(--fontFamilyPoppins-SemiBold, inherit); font-family: var(--fontFamilySemiBoldEN, inherit);
line-height: 20px; line-height: 20px;
font-size: 16px; font-size: 16px;
letter-spacing: -0.64px; letter-spacing: -0.64px;

@ -1474,9 +1474,6 @@ div.no-dataDiv {
} }
// .slideFullWidth .swiper-container .swiper-wrapper .swiper-slide:first-child {
// margin-left: 15px;
// }
.slideFullWidth .swiper-container .swiper-wrapper .swiper-slide { .slideFullWidth .swiper-container .swiper-wrapper .swiper-slide {
padding: 0px 10px 10px 0px; padding: 0px 10px 10px 0px;
@ -1878,6 +1875,22 @@ ion-segment-button {
margin-left: 5px; margin-left: 5px;
} }
ion-app[dir="ltr"] {
.slideFullWidth .swiper-container .swiper-wrapper .swiper-slide:first-child {
margin-left: 15px;
}
app-my-team {
.request-heading span {
margin: 0 !important;
padding: 0 !important;
}
}
}
ion-app[dir="rtl"] { ion-app[dir="rtl"] {
.slideFullWidth { .slideFullWidth {

@ -109,7 +109,7 @@
--fontFamilySemiBoldEN: 'Inter'; --fontFamilySemiBoldEN: 'Inter';
--fontFamilySemiBoldAR: 'Kufi'; --fontFamilySemiBoldAR: 'Kufi';
--fontFamilyIOSAR: 'Kufi'; --fontFamilyIOSAR: 'Kufi';
--fontFamilyIOSARSEMIBOLD: 'Semibold'; --fontFamilyIOSARSEMIBOLD: 'Kufi-Semibold';
--fontFamilyAndroidAR: 'Kufi'; --fontFamilyAndroidAR: 'Kufi';
--primary: #004D71; --primary: #004D71;
--secondary: #19a163; --secondary: #19a163;

Loading…
Cancel
Save