tmdinosaurcenter
/
tainacan-theme
mirror of https://github.com/tainacan/tainacan-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Aligned the google chart

This commit is contained in:
Fabiano Alencar 2018-02-21 10:52:16 -03:00
parent 7788a8f57f
commit 702ae13873
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/js/charts.js
View File

@ -14,8 +14,10 @@ function drawChart() {
var options = { var options = {
legend: {alignment: 'end'}, legend: {alignment: 'end'},
pieHole: 0.4, pieHole: 0.4,
width: '500px', backgroundColor: {
backgroundColor: '#000' 'fill': '#000',
'fillOpacity': 0.01
}
}; };
var chart = new google.visualization.PieChart(document.getElementById('collectionGraph')); var chart = new google.visualization.PieChart(document.getElementById('collectionGraph'));

8
src/assets/scss/_single-colecoes.scss
View File

@ -14,3 +14,11 @@
} }
} }
} }
.tainacan-estatisticas{
#collectionGraph{
height: 338px;
@media only screen and (max-width: 768px){
height: 260px;
}
}
}

8
src/single-colecoes.php
View File

@ -138,9 +138,11 @@
</iframe> </iframe>
</div> </div>
</div> </div>
<div class="col-lg-6 p-5"> <div class="col-lg-6 p-0 p-lg-5">
<h5 class="text-dark p-4">Coleções do usuário</h5> <h5 class="text-dark pb-0 px-4 pt-4 p-md-4">Coleções do usuário</h5>
<div id="collectionGraph" class="bg-black-opacit" style="width: 100%; height: 300px;"></div> <div class="d-flex justify-content-center">
<div id="collectionGraph" class="" style="width: 600px;"></div>
</div>
</div> </div>
<div class="col-lg-6 p-3"> <div class="col-lg-6 p-3">