dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-05-31 01:35:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

refactor: Improve chart responsiveness with dynamic mobile height

Browse source
This commit is contained in:
Paul Gauthier (aider) 2025-03-11 12:33:45 -07:00
parent 7d902d2f3e
commit 46eee9e642
1 changed files with 26 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

29
aider/website/_includes/blame.md
View file

@ -9,7 +9,7 @@
.chart-container {
position: relative;
width: 100%;
height: 300px;
min-height: 300px;
}
</style>
@ -18,8 +18,21 @@
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
var blameCtx = document.getElementById('blameChart').getContext('2d');
var linesCtx = document.getElementById('linesChart').getContext('2d');
var blameCanvas = document.getElementById('blameChart');
var linesCanvas = document.getElementById('linesChart');
var blameCtx = blameCanvas.getContext('2d');
var linesCtx = linesCanvas.getContext('2d');
function getChartHeight() {
var width = window.innerWidth;
// For mobile (smaller screens), make charts taller
return width < 768 ? 400 : 300;
}
// Set initial heights
document.querySelectorAll('.chart-container').forEach(function(container) {
container.style.height = getChartHeight() + 'px';
});
var labels = [{% for row in site.data.blame %}'{{ row.end_tag }}',{% endfor %}];
@ -154,5 +167,15 @@ document.addEventListener('DOMContentLoaded', function () {
}
}
});
// Handle window resize
window.addEventListener('resize', function() {
var newHeight = getChartHeight();
document.querySelectorAll('.chart-container').forEach(function(container) {
container.style.height = newHeight + 'px';
});
blameChart.resize();
linesChart.resize();
});
});
</script>