@ -7,6 +7,9 @@
max-width: 105px;
height: 160px;
padding: 10px;
@media screen and (min-width: 200px) and (max-width:300px) {
width: 80px;
}
.iconBox {
@ -10,7 +10,7 @@
<ion-row>
<p [ngClass]=" direction == 'ltr' ? 'Text' : 'Text-ar'">{{ts.trPK('userProfile','performance-evaluation')}}</p>
<div [ngClass]=" direction == 'ltr' ? 'gauge' : 'gauge-ar'" >
<div class="gauge" >
<ngx-charts-gauge
[view]="view"
[scheme]="colorScheme"
@ -168,19 +168,21 @@
.gauge{
margin-bottom: -140px;
// margin-bottom: -140px;
margin-top: -70px;
// margin-top: -70px;
position: relative;
right: 15px;
// right: 15px;
width: 100%;
height: 250px;
.gauge-ar{
// .gauge-ar{
transform: translate(-24px, -65px);
// // transform: translate(-24px, -65px);
margin-bottom: -187px;
// // margin-bottom: -187px;
margin-top: -20px;
// // margin-top: -20px;
margin-right: -56px;
// // margin-right: -56px;
// // position: relative;
// // right: 15px;
// }