dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-06-02 02:34:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat: Add percentage ticks to leaderboard percentage columns

Browse source
This commit is contained in:
Paul Gauthier (aider) 2025-04-12 23:21:38 -07:00
parent a14c0ccac6
commit 5e0832cb8b
1 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
aider/website/docs/leaderboards/index.md
View file

@ -118,16 +118,11 @@ The model also has to successfully apply all its changes to the source file with
padding: 8px; padding: 8px;
text-align: center; /* Keep text centered */ text-align: center; /* Keep text centered */
overflow: hidden; /* Prevent bar from overflowing cell boundaries if needed */ overflow: hidden; /* Prevent bar from overflowing cell boundaries if needed */
/* Default tick marks every 10% for percentage cells */
background-image: repeating-linear-gradient(to right,
rgba(221, 221, 221, 0.5) 0px, rgba(221, 221, 221, 0.5) 1px,
transparent 1px, transparent 10%);
background-size: 100% 100%;
} }
.cost-bar-cell { .cost-bar-cell {
background-image: none; /* Remove default gradient for cost cells */ background-image: none; /* Remove default gradient for cost cells */
} }
.cost-tick { .percent-tick, .cost-tick {
position: absolute; position: absolute;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
@ -157,6 +152,19 @@ The model also has to successfully apply all its changes to the source file with
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Add percentage ticks to each bar cell (non-cost cells)
const percentCells = document.querySelectorAll('.bar-cell:not(.cost-bar-cell)');
percentCells.forEach(cell => {
// Add ticks at 0%, 10%, 20%, ..., 100%
for (let i = 0; i <= 100; i += 10) {
const tick = document.createElement('div');
tick.className = 'percent-tick';
tick.style.left = `${i}%`;
cell.appendChild(tick);
}
});
// Process cost bars
const costBars = document.querySelectorAll('.cost-bar'); const costBars = document.querySelectorAll('.cost-bar');
costBars.forEach(bar => { costBars.forEach(bar => {
const cost = parseFloat(bar.dataset.cost); const cost = parseFloat(bar.dataset.cost);