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

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

Browse Source
This commit is contained in:
christoph
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
formula10/static/style/diagram.css
+11
View File
@@ -0,0 +1,11 @@
.chart-container {
width: 100%;
height: 50vh;
}
@media only screen and (orientation: landscape) {
.chart-container {
width: 100%;
height: 100vh;
}
}
formula10/templates/base.jinja
+1
View File
@@ -181,6 +181,7 @@
<!-- Custom -->
<link href="../static/style/grid.css" rel="stylesheet">
<link href="../static/style/diagram.css" rel="stylesheet">
<script defer>
{# Initialize Bootstrap Tooltips #}
let tooltipTriggerList = document.querySelectorAll("[data-bs-toggle='tooltip']")
formula10/templates/leaderboard.jinja
+1 -1
View File
@@ -61,7 +61,7 @@
</div>
<div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;">
<div class="chart-container">
<canvas id="line-chart"></canvas>
</div>
formula10/templates/statistics.jinja
+2 -2
View File
@@ -92,7 +92,7 @@
</div>
<div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;">
<div class="chart-container">
<canvas id="driver-line-chart"></canvas>
</div>
@@ -132,7 +132,7 @@
</div>
<div class="card-body">
<div class="chart-container" style="width: 100%; height: 40vh;">
<div class="chart-container">
<canvas id="team-line-chart"></canvas>
</div>