christoph/flask-formula10
1
Fork 0
Code Issues 14 Actions Packages Activity

Update diagrams for landscape mode
All checks were successful
Build Formula10 Docker Image / build-docker (push) Successful in 14s
Details

Browse Source
This commit is contained in:
Christoph Urlacher
2024-03-03 03:31:22 +01:00
parent 6ed5b914e4
commit b250c47cb3
4 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
formula10/static/style/diagram.css Normal file
View File

@ -0,0 +1,11 @@
.chart-container {
width: 100%;
height: 50vh;
}
@media only screen and (orientation: landscape) {
.chart-container {
width: 100%;
height: 100vh;
}
}

1
formula10/templates/base.jinja
View File

@ -181,6 +181,7 @@
<!-- Custom --> <!-- Custom -->
<link href="../static/style/grid.css" rel="stylesheet"> <link href="../static/style/grid.css" rel="stylesheet">
<link href="../static/style/diagram.css" rel="stylesheet">
<script defer> <script defer>
{# Initialize Bootstrap Tooltips #} {# Initialize Bootstrap Tooltips #}
let tooltipTriggerList = document.querySelectorAll("[data-bs-toggle='tooltip']") let tooltipTriggerList = document.querySelectorAll("[data-bs-toggle='tooltip']")

2
formula10/templates/leaderboard.jinja
View File

@ -61,7 +61,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;"> <div class="chart-container">
<canvas id="line-chart"></canvas> <canvas id="line-chart"></canvas>
</div> </div>

4
formula10/templates/statistics.jinja
View File

@ -92,7 +92,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;"> <div class="chart-container">
<canvas id="driver-line-chart"></canvas> <canvas id="driver-line-chart"></canvas>
</div> </div>
@ -132,7 +132,7 @@
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;"> <div class="chart-container">
<canvas id="team-line-chart"></canvas> <canvas id="team-line-chart"></canvas>
</div> </div>