embed individual graphs in <div> to limit their heights (#29886)

This commit is contained in:
Frédéric Péters 2019-02-05 19:08:12 +01:00
parent 1db755ad95
commit 8353aaddc7
2 changed files with 7 additions and 2 deletions

View File

@ -86,9 +86,12 @@ select {
min-height: 80vh;
}
#data {
height: 70vh;
width: calc(100% - 23em);
}
#data div.graph {
height: 70vh;
margin-bottom: 4rem;
}
#data.visualization-table {
height: auto;
}

View File

@ -3,7 +3,9 @@
<h2>{{ table.table_title }}</h2>
<a href="#" target="none" class="button bijoe-png-button">PNG</a>
<canvas id="canvas-{{ forloop.counter }}"></canvas>
<div class="graph">
<canvas id="canvas-{{ forloop.counter }}"></canvas>
</div>
<script>
$(function () {
{{ table.javascript }}