fixed ios issues

MOHEMM-SFH-COLORS
haroon amjad 4 years ago
parent b7767be9a1
commit eb12d1672b

@ -4,7 +4,7 @@
</app-generic-header>
<ion-content style="--background:#F4F4F4;">
<ion-searchbar (ionInput)="filterList($event)" style="--background: white; margin-top: 10px; padding-bottom: 20px;"></ion-searchbar>
<ion-searchbar mode='md' (ionInput)="filterList($event)" style="--background: white; margin-top: 10px; padding-bottom: 20px;"></ion-searchbar>
<ion-list style="background: #f4f4f4; margin-top: -8px !important;">
<div *ngFor="let item of announcementList; let i = index"
[ngClass]="i>0 && !item.Open ? 'class-dev-close': 'class-dev-open'"

@ -68,12 +68,11 @@
</ion-col>
<ion-col [size]="3" (click)="getMenuEntries(employee)">
<ion-col>
<!-- <ion-segment-button
<ion-segment-button
value="create-request"
[ngClass]="activeSegment == 'create-request' ? 'active-Segment' : 'normal-Segment'">
<img class="imgSize" src="../assets/imgs/create-req.svg">
<!-- <ion-label> {{ts.trPK('vacation-rule','create-request')}}</ion-label> -->
<!-- </ion-segment-button> -->
</ion-segment-button>
</ion-col>
<ion-col > <span class="btnTitle">{{ts.trPK('vacation-rule','create-request')}}</span></ion-col>
</ion-col>

@ -14,16 +14,22 @@
<div>
<ion-row class="custom-radio">
<!-- <ion-col [size]="3" class="search-dropdown" no-padding> -->
<ion-radio-group [(ngModel)]="searchKeySelect" (ionChange)="showSelectedField($event)" class="radio-list">
<ion-radio-group [(ngModel)]="searchKeySelect" (ionChange)="showSelectedField($event)" class="radio-list" style="display: flex;">
<ion-radio value="Name" [checked]="this.searchKeySelect === 'Name'" [color]="myColor" >{{ts.trPK('searchForReplacment','name')}}</ion-radio>
<ion-item lines='none' style="--background: white" >
<ion-radio mode="md" value="Name" [checked]="this.searchKeySelect === 'Name'" [color]="myColor" >{{ts.trPK('searchForReplacment','name')}}</ion-radio>
<ion-label class="text-label" >{{ts.trPK('searchForReplacment','name')}}</ion-label>
</ion-item>
<ion-radio value="User Name" [checked]="this.searchKeySelect === 'User Name'" [color]="myColor" >{{ts.trPK('searchForReplacment','userName')}}</ion-radio>
<ion-item lines='none' style="--background: white" class="ion-no-padding">
<ion-radio mode="md" value="User Name" [checked]="this.searchKeySelect === 'User Name'" [color]="myColor" >{{ts.trPK('searchForReplacment','userName')}}</ion-radio>
<ion-label class="text-label">{{ts.trPK('searchForReplacment','userName')}}</ion-label>
</ion-item>
<ion-radio value="Email" [checked]="this.searchKeySelect === 'Email'" [color]="myColor" >{{ts.trPK('searchForReplacment','email')}}</ion-radio>
<ion-item lines='none' style="--background: white" class="ion-no-padding">
<ion-radio mode="md" value="Email" [checked]="this.searchKeySelect === 'Email'" [color]="myColor" >{{ts.trPK('searchForReplacment','email')}}</ion-radio>
<ion-label class="text-label">{{ts.trPK('searchForReplacment','email')}}</ion-label>
</ion-item>
</ion-radio-group>
</ion-row>

@ -213,9 +213,9 @@ ion-content {
.radio-list{
background: white;
margin-left: 18px;
// margin-left: 18px;
/* margin-right: 10px; */
margin-top: 12px;
// margin-top: 12px;
}
// .selected .radio-icon {

@ -39,19 +39,19 @@
<ion-radio-group [(ngModel)]="searchKeySelect">
<ion-row class="top-radio-row">
<ion-col class="center">
<ion-radio value="1" checked></ion-radio>
<ion-radio mode="md" value="1" checked></ion-radio>
<ion-label class="radio-label">{{'addAttach, name' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="2" ></ion-radio>
<ion-radio mode="md" value="2" ></ion-radio>
<ion-label class="radio-label">{{'login, username' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="3" ></ion-radio>
<ion-radio mode="md" value="3" ></ion-radio>
<ion-label class="radio-label">{{'general, email' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="4" ></ion-radio>
<ion-radio mode="md" value="4" ></ion-radio>
<ion-label class="radio-label">{{'replacementRoll, favorite' | translate}}</ion-label>
</ion-col>
</ion-row>

@ -21,19 +21,19 @@
<ion-radio-group [(ngModel)]="searchBy" (ionChange)="onChangeSelect($event)">
<ion-row class="top-radio-row">
<ion-col class="center">
<ion-radio value="1" checked></ion-radio>
<ion-radio mode="md" value="1" checked></ion-radio>
<ion-label class="radio-label">{{'addAttach, name' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="2" ></ion-radio>
<ion-radio mode="md" value="2" ></ion-radio>
<ion-label class="radio-label">{{'login, username' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="3" ></ion-radio>
<ion-radio mode="md" value="3" ></ion-radio>
<ion-label class="radio-label">{{'general, email' | translate}}</ion-label>
</ion-col>
<ion-col>
<ion-radio value="4" ></ion-radio>
<ion-radio mode="md" value="4" ></ion-radio>
<ion-label class="radio-label">{{'replacementRoll, favorite' | translate}}</ion-label>
</ion-col>

@ -1086,6 +1086,9 @@ $actionBtnSize: 36px;
}
.changeIcon {
border: 0;
width: 13px;
margin: -2px;
// bottom: 6px;
// width: 10px;
// border-radius: 50% !important;
@ -1116,8 +1119,8 @@ $actionBtnSize: 36px;
.card-size-info-en{
// width: 88%;
// left: 2%;
width: 90%;
left: 3%;
width: 89%;
left: 10px;
}
.card-size-info-ar{

Loading…
Cancel
Save