Merge pull request 'Fix #134: Cosmetic title replaces clickable username on leaderboard' (#137) from typosaurus/ticket-134 into master
Some checks are pending
DevPlace CI / test (push) Waiting to run
Details

Browse Source 
Reviewed-on: #137
This commit is contained in:
typosaurus 2026-07-26 23:27:58 +02:00
commit b5fb6436d0
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
devplacepy/static/css/game.css
View File

@ -245,16 +245,24 @@
min-width: 2.2em;
}
.game-lb-name {
.game-lb-name-group {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.game-lb-name {
color: var(--text-primary);
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.game-lb-name:hover {
@ -268,10 +276,14 @@
}
.game-lb-title {
flex-shrink: 0;
color: var(--accent);
font-size: 0.75rem;
font-size: 0.7rem;
font-style: italic;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.game-lb-score {

2
devplacepy/static/js/GameFarm.js
View File

@ -388,7 +388,7 @@ export class GameFarm {
.map((entry) => {
const title = entry.title ? `<span class="game-lb-title">${entry.title}</span>` : "";
const value = this._leaderboardValue(board, entry);
return `<li class="game-lb-row${entry.username === this.username ? " game-lb-self" : ""}"><span class="game-lb-rank">#${entry.rank}</span><a class="game-lb-name" href="/game/farm/${entry.username}">${entry.username}</a>${title}<span class="game-lb-level">Lv ${entry.level}</span><span class="game-lb-score">${value}</span></li>`;
return `<li class="game-lb-row${entry.username === this.username ? " game-lb-self" : ""}"><span class="game-lb-rank">#${entry.rank}</span><div class="game-lb-name-group"><a class="game-lb-name" href="/game/farm/${entry.username}">${entry.username}</a>${title}</div><span class="game-lb-level">Lv ${entry.level}</span><span class="game-lb-score">${value}</span></li>`;
})
.join("");
} catch (error) {