Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-17 07:50:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

piechart styles fixes

Browse source
This commit is contained in:
nixa 2016-05-04 17:18:22 +03:00
parent f721a044a1
commit a449185ae5
2 changed files with 20 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/pages/dashboard/pieChart/pieChart.html
View file

@ -1,6 +1,6 @@
<div class="row pie-charts"> <div class="row pie-charts">
<ba-card *ngFor="#chart of charts" class="pie-chart-item-container col-xlg-6 col-lg-6 col-md-6 col-sm-12 col-xs-12"> <ba-card *ngFor="#chart of charts" class="pie-chart-item-container col-xlg-3 col-lg-3 col-md-6 col-sm-12 col-xs-12">
<div class="pie-chart-item"> <div class="pie-chart-item">
<div class="chart" [attr.data-rel]="chart.color" data-percent="60"> <div class="chart" [attr.data-rel]="chart.color" data-percent="60">

19
src/app/pages/dashboard/pieChart/pieChart.scss
View file

@ -14,6 +14,25 @@
} }
} }
@media screen and (min-width: 1325px) {
.pie-chart-item-container {
width: 25%;
flex: 0 0 25%
}
}
@media screen and (min-width: 700px) and (max-width: 1325px) {
.pie-chart-item-container {
width: 50%;
flex: 0 0 50%
}
}
@media screen and (max-width: 700px) {
.pie-chart-item-container {
width: 100%;
flex: 0 0 100%
}
}
.pie-chart-item { .pie-chart-item {
position: relative; position: relative;
.chart-icon { .chart-icon {