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

style: Improve visibility of ticks in leaderboard progress bars

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

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

@ -128,22 +128,22 @@ The model also has to successfully apply all its changes to the source file with
transform: translateY(-50%); transform: translateY(-50%);
height: 36px; /* Match the height of the bar */ height: 36px; /* Match the height of the bar */
width: 1px; width: 1px;
background-color: rgba(221, 221, 221, 0.5); background-color: rgba(100, 100, 100, 0.5); /* Darker color for better visibility */
z-index: 0; /* Behind the bar and text */ z-index: 2; /* Above the bar but below the text */
} }
.bar-viz { .bar-viz {
position: absolute; position: absolute;
left: 0; left: 0;
top: 50%; /* Position at the middle of the cell */ top: 50%; /* Position at the middle of the cell */
transform: translateY(-50%); /* Center the bar vertically */ transform: translateY(-50%); /* Center the bar vertically */
z-index: 0; /* Behind the text */ z-index: 1; /* Above background, below ticks and text */
height: 36px; height: 36px;
border-radius: 0 2px 2px 0; /* Slightly rounded end corners */ border-radius: 0 2px 2px 0; /* Slightly rounded end corners */
/* Width and colors are set inline via style attribute */ /* Width and colors are set inline via style attribute */
} }
.bar-cell span { .bar-cell span {
position: relative; /* Needed to stack above the absolute positioned bar */ position: relative; /* Needed to stack above the absolute positioned bar */
z-index: 1; /* Ensure text is above the bar */ z-index: 3; /* Ensure text is above everything else */
background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */ background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
padding: 0 4px; /* Add padding around the text */ padding: 0 4px; /* Add padding around the text */
border-radius: 3px; /* Rounded corners for the text background */ border-radius: 3px; /* Rounded corners for the text background */