Commit 4f2ae5a9 authored by Nicolas Joyard's avatar Nicolas Joyard

Fix affichage pie pas tres responsive

parent 98da0282
......@@ -123,24 +123,28 @@ th.col-nobreak {
#pie-container {
display: flex;
flex-flow: row nowrap;
align-items: center;
}
#pie-container #pie,
#pie-container #pie-legend {
flex-grow: 0;
flex-shrink: 0;
}
#pie-container #pie {
text-align: center;
flex-basis: 70%;
flex-shrink: 1;
flex-basis: 65%;
padding-right: 5%;
position: relative;
}
#pie-container #pie canvas {
margin: 0 auto 0 auto;
width: 100%;
height: 60%;
}
#pie-container #pie-legend {
flex-shrink: 0;
flex-basis: 30%;
}
......
......@@ -50,7 +50,7 @@
</header>
<article class="panel-body" id="pie-container">
<div id="pie">
<canvas id="pie-canvas" height="200" width="300"></canvas>
<canvas id="pie-canvas" height="240" width="400"></canvas>
</div>
<div id="pie-legend">
{% for etape in etapes %}
......@@ -130,6 +130,7 @@
display: false
},
responsive: false,
maintainAspectRatio: true,
rotation: Math.PI * (1 - (circleRatio - 0.5)),
circumference: 2 * Math.PI * circleRatio,
cutoutPercentage: 25,
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment