enhance fav design

enad-pre-live
enadhilal 4 years ago
parent ff2f7724a4
commit 0dc956a1a2

@ -333,16 +333,20 @@
</div> </div>
</div> </div>
<div style="width: 90%; float: left;" *ngIf="favLetter.length > 0 && searchKeySelect == '4' && favoriteUserList.length === 0"> <div style="margin: 180px 15px 0px 15px !important;" *ngIf="favLetter.length > 0 && searchKeySelect == '4' && favoriteUserList.length === 0">
<ion-label> <ion-label>
<p style="text-align: center;"> <p style="text-align: center;">
{{'general, fav-showData' | translate}} {{'general, fav-showData' | translate}}
</p> </p>
</ion-label> </ion-label>
</div> </div>
<div style="width: 90%; float: left;" *ngIf="favoriteUserList.length === 0 && searchKeySelect == '4' && favLetter.length ===0"> <div style="margin: -21px 15px 0px 15px !important;" *ngIf="favoriteUserList.length === 0 && searchKeySelect == '4' && favLetter.length ===0">
<ion-label> <ion-label>
<p style="text-align: center;"> <p style=" margin: 15px 15px 0px 15px;
font-weight: bold;
clear: both;
position: relative;
top: 10px;">
{{'general, fav-noData' | translate}} {{'general, fav-noData' | translate}}
</p> </p>
</ion-label> </ion-label>

@ -283,14 +283,14 @@ ion-radio {
.isFavLetterActive { .isFavLetterActive {
color: #269db8; color: #269db8;
display: block; display: block;
width: 100%; width: 60%;
float: right; float: right;
transition-duration: 0ms; transition-duration: 0ms;
height: 30px; height: 35px;
} }
.vl { .vl {
border-left: 2px solid lightgray; border-left: 2px solid lightgray;
height: 36px; height: 42px;
} }
.searchText{ .searchText{
background: transparent; background: transparent;
@ -301,13 +301,13 @@ ion-radio {
.letterDiv{ .letterDiv{
font-weight: bold; font-weight: bold;
width: 5%; width: 10%;
float: right; float: right;
} }
.letterDivLoop{ .letterDivLoop{
display: block; display: block;
width: 100%; width: 60%;
float: right; float: right;
transition-duration: 0ms; transition-duration: 0ms;
height: 30px; height: 35px;
} }

@ -86,7 +86,7 @@
</div> --> </div> -->
<div style="border: 1px solid lightgray; border-radius: 100px; width: 100%;"> <div style="border: 1px solid lightgray; border-radius: 100px; width: 100%;">
<ion-grid style="height: 50px; padding: 1px 1px 1px 1px;"> <ion-grid style="height: 54px; padding: 1px 1px 1px 1px;">
<ion-row> <ion-row>
<ion-col size="7"> <ion-col size="7">
<div *ngIf="isFilter" style="height: 0px;"> <div *ngIf="isFilter" style="height: 0px;">
@ -192,7 +192,7 @@
<!-- <div [hidden]="isAnswer==true" <!-- <div [hidden]="isAnswer==true"
*ngIf="favoriteUserList.length> 0 && !userSelected && ReplacementList.length ==0 && searchBy == '4'"> --> *ngIf="favoriteUserList.length> 0 && !userSelected && ReplacementList.length ==0 && searchBy == '4'"> -->
<div style="width: 90%; float: left;" [hidden]="isAnswer==true" *ngIf="favoriteUserList.length >0 && !userSelected && searchBy === '4'"> <div style="width: 90%; float: left;" [hidden]="isAnswer==true" *ngIf="favoriteUserList.length >0 && !userSelected && searchBy === '4'">
<div class="uk-margin"> <div class="uk-margin" style="margin: -21px 15px 0px 15px !important;">
{{'replacementRoll, favorite' | translate}} {{'replacementRoll, favorite' | translate}}
</div> </div>
@ -222,16 +222,16 @@
</div> </div>
</div> </div>
<div *ngIf="favLetter.length > 0 && searchBy == '4' && favoriteUserList.length === 0"> <div style="padding-top: 190px;" *ngIf="favLetter.length > 0 && searchBy == '4' && favoriteUserList.length === 0">
<ion-label> <ion-label>
<p style="text-align: center;"> <p style="text-align: center; text-align: center; font-size: 20px; padding: 0px 35px 20px 0px;">
{{'general, fav-showData' | translate}} {{'general, fav-showData' | translate}}
</p> </p>
</ion-label> </ion-label>
</div> </div>
<div *ngIf="favoriteUserList.length === 0 && searchBy == '4' && favLetter.length ===0"> <div *ngIf="favoriteUserList.length === 0 && searchBy == '4' && favLetter.length ===0">
<ion-label> <ion-label>
<p style="text-align: center;"> <p style="text-align: center; font-size: 20px; padding: 0px 35px 20px 0px;">
{{'general, fav-noData' | translate}} {{'general, fav-noData' | translate}}
</p> </p>
</ion-label> </ion-label>

@ -213,14 +213,14 @@ ion-radio {
// border-radius: 60px; // border-radius: 60px;
color: #269db8; color: #269db8;
display: block; display: block;
width: 100%; width: 60%;
float: right; float: right;
transition-duration: 0ms; transition-duration: 0ms;
height: 30px; height: 35px;
} }
.vl { .vl {
border-left: 2px solid lightgray; border-left: 2px solid lightgray;
height: 36px; height: 42px;
} }
.clearText{ .clearText{
background: transparent; background: transparent;
@ -241,13 +241,13 @@ ion-radio {
.letterDiv{ .letterDiv{
font-weight: bold; font-weight: bold;
width: 5%; width: 10%;
float: right; float: right;
} }
.letterDivLoop{ .letterDivLoop{
display: block; display: block;
width: 100%; width: 60%;
float: right; float: right;
transition-duration: 0ms; transition-duration: 0ms;
height: 30px; height: 35px;
} }
Loading…
Cancel
Save