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

chartist styles fixes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
src/app/pages/charts/components/chartistJs/chartistJs.html
View file

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

18
src/app/pages/charts/components/chartistJs/chartistJs.scss
View file

@ -1,5 +1,19 @@
@import "../../../../theme/sass/conf/conf"; @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{ .ct-chart .ct-label{
font-size: 1em; font-size: 1em;
} }
@ -54,3 +68,7 @@
fill: $info; fill: $info;
} }
} }
.stacked-bar .ct-bar{
stroke-width: 30px;
}