chartist styles fixes

This commit is contained in:
nixa 2016-05-11 12:19:13 +03:00
parent 3f8e623584
commit f375f936d8
2 changed files with 22 additions and 4 deletions

View file

@ -1,7 +1,7 @@
<section ng-controller="chartistCtrl">
<section class="chartist">
<div class="row">
<div class="col-md-6 ">
<ba-card title="Lines" baCardClass="with-scroll ">
<ba-card title="Lines" baCardClass="with-scroll">
<h5>Simple line chart</h5>
<div id="line-chart" class="ct-chart"></div>
<h5>Line chart with area</h5>
@ -12,7 +12,7 @@
</div>
<div class="col-md-6 ">
<ba-card title="Bars" baCardClass="with-scroll ">
<ba-card title="Bars" baCardClass="with-scroll">
<h5>Simple bar chart</h5>
<div id="simple-bar" class="ct-chart"></div>
<h5>Multi-line labels bar chart</h5>
@ -25,7 +25,7 @@
<div class="row">
<div class="col-md-12">
<ba-card title="Pies & Donuts" baCardClass="with-scroll ">
<ba-card title="Pies & Donuts" baCardClass="with-scroll">
<div class="row">
<div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
<div id="simple-pie" class="ct-chart"></div>

View file

@ -1,5 +1,19 @@
@import "../../../../theme/sass/conf/conf";
.chartist h5 {
font-weight: $font-normal;
}
.ct-area {
fill-opacity: .5;
}
.ct-label{
color: $default;
opacity: 0.9;
fill: rgba(255,255,255,.9);
}
.ct-chart .ct-label{
font-size: 1em;
}
@ -54,3 +68,7 @@
fill: $info;
}
}
.stacked-bar .ct-bar{
stroke-width: 30px;
}