moved some CSS stuff from the template to global.css

This commit is contained in:
Tobias Diekershoff 2016-01-18 13:22:07 +01:00
parent c243087b89
commit c6f0333026
2 changed files with 23 additions and 7 deletions

View file

@ -280,6 +280,18 @@ a {
font-weight: bold; font-weight: bold;
color: #00a700; color: #00a700;
} }
.federation-graph {
width: 400px;
height: 400px;
float: right;
margin: 20px;
}
.federation-network-graph {
width: 240px;
height: 240px;
float: left;
margin: 20px;
}
ul.federation-stats, ul.federation-stats,
ul.credits { ul.credits {
list-style: none; list-style: none;
@ -289,6 +301,12 @@ ul.credits li {
float: left; float: left;
width: 240px; width: 240px;
} }
table#federation-stats {
width: 100%;
}
td.federation-data {
border-bottom: 1px solid #000;
}
.contact-entry-photo img { .contact-entry-photo img {
max-width: 80px; max-width: 80px;

View file

@ -1,5 +1,5 @@
<script src="{{$baseurl}}/library/Chart.js-1.0.2/Chart.min.js"></script> <script src="{{$baseurl}}/library/Chart.js-1.0.2/Chart.min.js"></script>
<canvas id="FederationChart" style="width: 400px; height: 400px; float: right; margin: 20px;"></canvas> <canvas id="FederationChart" class="federation-graph"></canvas>
<div id="adminpage"> <div id="adminpage">
<h1>{{$title}} - {{$page}}</h1> <h1>{{$title}} - {{$page}}</h1>
<p>{{$intro}}</p> <p>{{$intro}}</p>
@ -30,7 +30,7 @@ var myDoughnutChart = new Chart(ctx).Doughnut(FedData,
document.getElementById('FederationLegend').innerHTML = myDoughnutChart.generateLegend(); document.getElementById('FederationLegend').innerHTML = myDoughnutChart.generateLegend();
</script> </script>
<table style="width: 100%"> <table id="federation-stats">
{{foreach $counts as $c}} {{foreach $counts as $c}}
{{if $c[0]['total'] > 0}} {{if $c[0]['total'] > 0}}
<tr> <tr>
@ -39,9 +39,8 @@ document.getElementById('FederationLegend').innerHTML = myDoughnutChart.generate
<td>{{$c[0]['network']}}</td> <td>{{$c[0]['network']}}</td>
</tr> </tr>
<tr> <tr>
<td colspan="3" style="border-bottom: 1px solid #000;"> <td colspan="3" class="federation-data">
<canvas id="{{$c[2]}}Chart" style="width: 240px; height: 240px; float: left; <canvas id="{{$c[2]}}Chart" class="federation-network-graph"></canvas>
margin: 20px;"></canvas>
<script> <script>
var {{$c[2]}}data = [ var {{$c[2]}}data = [
{{foreach $c[1] as $v}} {{foreach $c[1] as $v}}
@ -49,8 +48,7 @@ var {{$c[2]}}data = [
{{/foreach}} {{/foreach}}
]; ];
var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d"); var ctx = document.getElementById("{{$c[2]}}Chart").getContext("2d");
var my{{$c[2]}}DoughnutChart = new Chart(ctx).Doughnut({{$c[2]}}data, var my{{$c[2]}}DoughnutChart = new Chart(ctx).Doughnut({{$c[2]}}data, {animateRotate : false,});
{animateRotate : false,});
</script> </script>
<ul class="federation-stats"> <ul class="federation-stats">
{{foreach $c[1] as $v}} {{foreach $c[1] as $v}}