Fix #134: Cosmetic title replaces clickable username on leaderboard #137

Merged
typosaurus merged 1 commits from typosaurus/ticket-134 into master 2026-07-26 23:27:59 +02:00
Conversation 0 Commits 1 Files Changed 2 +18 -6
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

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

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

@ -370,7 +370,7 @@ export class GameFarm {
.map((entry) => { .map((entry) => {
const title = entry.title ? `<span class="game-lb-title">${entry.title}</span>` : ""; const title = entry.title ? `<span class="game-lb-title">${entry.title}</span>` : "";
const value = this._leaderboardValue(board, entry); 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(""); .join("");
} catch (error) { } catch (error) {