Fix leaderboard row wrapping (#98)

This commit is contained in:
guyeisenkot
2025-07-29 11:12:35 +03:00
committed by GitHub
parent 903bc8bedd
commit 778fd222ee
2 changed files with 22 additions and 4 deletions

View File

@@ -1660,10 +1660,28 @@ h2 .stat-value {
/* Avatar displayed in the leaderboard table */
.lb-avatar {
width: 32px;
height: 32px;
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: 0.5rem;
margin-right: 0.25rem;
vertical-align: middle;
}
/* Ensure leaderboard name cells stay on one line */
.leaderboard-table .lb-name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display: flex;
align-items: center;
}
.leaderboard-table .lb-name a {
display: inline-block;
max-width: 160px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
}

View File

@@ -44,7 +44,7 @@ description: Top contributors powering Awesome Reviewers
<td>{{ forloop.index }}</td>
<td class="lb-name">
{% if forloop.index == 1 %}🥇 {% elsif forloop.index == 2 %}🥈 {% elsif forloop.index == 3 %}🥉 {% endif %}
<img class="lb-avatar" src="https://github.com/{{ user.name }}.png?size=40" alt="{{ user.name }} avatar">
<img class="lb-avatar" src="https://github.com/{{ user.name }}.png?size=32" alt="{{ user.name }} avatar">
<a href="https://github.com/{{ user.name }}" target="_blank" rel="noopener noreferrer">{{ user.name }}</a>
</td>
<td data-sort="{{ user.reviewers_count }}">{{ user.reviewers_count }}</td>