mirror of
https://github.com/Aider-AI/aider.git
synced 2025-05-31 17:55:01 +00:00
Revert "refactor: Improve chart responsiveness with dynamic mobile height"
This reverts commit 46eee9e642
.
This commit is contained in:
parent
46eee9e642
commit
8cfbc9b827
1 changed files with 3 additions and 26 deletions
|
@ -9,7 +9,7 @@
|
||||||
.chart-container {
|
.chart-container {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 300px;
|
height: 300px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
@ -18,21 +18,8 @@
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"></script>
|
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment"></script>
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
var blameCanvas = document.getElementById('blameChart');
|
var blameCtx = document.getElementById('blameChart').getContext('2d');
|
||||||
var linesCanvas = document.getElementById('linesChart');
|
var linesCtx = document.getElementById('linesChart').getContext('2d');
|
||||||
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 %}];
|
var labels = [{% for row in site.data.blame %}'{{ row.end_tag }}',{% endfor %}];
|
||||||
|
|
||||||
|
@ -167,15 +154,5 @@ 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>
|
</script>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue