diff --git a/src/pages/LeaderboardPage.css b/src/pages/LeaderboardPage.css index bac938a..438812a 100644 --- a/src/pages/LeaderboardPage.css +++ b/src/pages/LeaderboardPage.css @@ -11,21 +11,6 @@ } -.leaderboard-full-bleed { - width: 100vw; - position: relative; - left: 50%; - right: 50%; - margin-left: -50vw; - padding: 0 1rem; - margin-bottom: 2rem; -} - -.leaderboard-full-bleed .leaderboard-container { - width:90vw; - margin: 0 auto; -} - .page-header { text-align: center; margin-bottom: 2rem; @@ -339,8 +324,8 @@ --lb-grid: minmax(0, 0.5fr) /* Select */ minmax(0, 0.7fr) /* Rank */ - minmax(0, 2.0fr) /* Name */ - minmax(0, 1.1fr) /* Affiliation */ + minmax(0, 1.8fr) /* Name */ + minmax(0, 0.7fr) /* Affiliation */ minmax(0, 0.9fr) /* Arena */ minmax(0, 0.9fr) /* Accuracy */ minmax(0, 0.9fr) /* Cost/1k */ @@ -367,14 +352,6 @@ align-items: center; } -.leaderboard-header > div, -.leaderboard-row > div { - padding: 0.75rem 0.75rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - .leaderboard-body { @@ -1333,20 +1310,6 @@ cursor: pointer; } -.router-name-link .router-name::after { - content: ''; - position: absolute; - left: 0; - bottom: -0.15rem; - width: 100%; - height: 2px; - background: #2563eb; - opacity: 0; - transform: scaleX(0.85); - transform-origin: left; - transition: opacity 0.2s ease, transform 0.2s ease; -} - .router-name-link:hover .router-name { color: #1d4ed8; } @@ -1407,7 +1370,7 @@ .metrics-col { display: flex; justify-content: center; - align-items: center; + align-items: left; } .metric-value { @@ -1772,22 +1735,7 @@ align-items: center; } -/* Prevent content like "closed-source" or long affiliations from stretching columns */ -.leaderboard-header > div, -.leaderboard-row > div { - overflow: hidden; - /* text-overflow: ellipsis; */ - white-space: nowrap; - -} -/* Preserve left alignment for name and affiliation columns */ -.leaderboard-header .name-col, -.leaderboard-header .affiliation-col, -.leaderboard-row .name-col, -.leaderboard-row .affiliation-col { - text-align: left; -} /* Fix type badge and prevent flex growth */ .type-col { @@ -1820,8 +1768,9 @@ /* put padding on cells (same for header and rows) */ .leaderboard-header > div, .leaderboard-row > div { - padding: 0.75rem 0.75rem !important; - overflow: hidden; + padding: 0.75rem 0rem !important; + text-align: left; + overflow: visible; /* text-overflow: ellipsis; */ white-space: nowrap; } diff --git a/src/pages/LeaderboardPage.tsx b/src/pages/LeaderboardPage.tsx index e1652a5..932e06f 100644 --- a/src/pages/LeaderboardPage.tsx +++ b/src/pages/LeaderboardPage.tsx @@ -378,7 +378,6 @@ const LeaderboardPage: React.FC = () => { {/* Leaderboard Table */} -