chart and css fix

MOE_MAIN-COLOR_CHANGES
Sultan khan 3 years ago
parent 64fd425287
commit 8d5e367900

@ -7,6 +7,9 @@
max-width: 105px; max-width: 105px;
height: 160px; height: 160px;
padding: 10px; padding: 10px;
@media screen and (min-width: 200px) and (max-width:300px) {
width: 80px;
}
} }
.iconBox { .iconBox {

@ -10,7 +10,7 @@
<ion-row> <ion-row>
<p [ngClass]=" direction == 'ltr' ? 'Text' : 'Text-ar'">{{ts.trPK('userProfile','performance-evaluation')}}</p> <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 <ngx-charts-gauge
[view]="view" [view]="view"
[scheme]="colorScheme" [scheme]="colorScheme"

@ -168,19 +168,21 @@
} }
.gauge{ .gauge{
margin-bottom: -140px; // margin-bottom: -140px;
margin-top: -70px; // margin-top: -70px;
position: relative; 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; // // position: relative;
right: 15px; // // right: 15px;
} // }

Loading…
Cancel
Save