WIP: feat: Cosmetic title replaces clickable username on leaderboard #158
Draft
typosaurus
wants to merge 4 commits from
typosaurus/134-cosmetic-title-replaces-clickable-username-on-leaderboard into master
pull from: typosaurus/134-cosmetic-title-replaces-clickable-username-on-leaderboard
merge into: :master
:master
:typosaurus/169-implement-links-to-the-official-ios-app-in-the-web-app
:typosaurus/162-add-non-color-indicator-to-vote-button-state
:typosaurus/132-missing-notification-when-another-user-comments-on-a-post-th
:typosaurus/134-cosmetic-title-replaces-clickable-username-on-leaderboard
:typosaurus/157-add-badge-earned-info-to-user-profile-badges-api-response
:typosaurus/ticket-150
:typosaurus/ticket-152
:typosaurus/ticket-148
:typosaurus/ticket-146
:typosaurus/112-expose-level-progress-percentage-in-profile-api-response
:typosaurus/113-fix-badge-names-returning-null-in-profile-endpoint
:typosaurus/138-fix-navigation-bar-link-icons-and-text-appearing-on-separate
:typosaurus/ticket-138
:typosaurus/ticket-135
:typosaurus/ticket-132
:typosaurus/ticket-110
:typosaurus/ticket-116
:typosaurus/ticket-113
:typosaurus/ticket-114
:typosaurus/ticket-111
:typosaurus/ticket-112
:typosaurus/ticket-106
:typosaurus/ticket-104
:typosaurus/ticket-84
:typosaurus/ticket-93
:typosaurus/ticket-73
:typosaurus/ticket-89
:typosaurus/ticket-85
:typosaurus/ticket-86
:typosaurus/ticket-88
:typosaurus/ticket-105
:typosaurus/ticket-95
:typosaurus/ticket-102
:typosaurus/ticket-91
:typosaurus/ticket-90
:typosaurus/ticket-87
:typosaurus/ticket-72
:typosaurus/ticket-81
:typosaurus/ticket-83
:typosaurus/ticket-78
:typosaurus/ticket-74
:typosaurus/ticket-82
:typosaurus/ticket-97
:typosaurus/ticket-99
:typosaurus/ticket-68
:typosaurus/ticket-66
:typosaurus/ticket-75
:typosaurus/ticket-61
:typosaurus/ticket-44
:typosaurus/ticket-57
:typosaurus/ticket-48
:typosaurus/ticket-64
:typosaurus/ticket-94
:typosaurus/ticket-103
:typosaurus/ticket-26
:typosaurus/ticket-71
:typosaurus/ticket-7
:typosaurus/ticket-70
:typosaurus/ticket-10
:typosaurus/ticket-65
:typosaurus/ticket-69
:typosaurus/ticket-67
:typosaurus/ticket-76
:typosaurus/ticket-21
:production
Reference in New Issue
Block a user
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Unfinished
This pull request is incomplete.
What was built
Summary
When a player equips a Code Farm cosmetic title (e.g. "Serial Refactorer"), the Game leaderboard sidebar displays the title text instead of the player's clickable username. The username is no longer visible, the entry is not a link to the player's farm page, and other players cannot navigate to the farm from the leaderboard.
Steps to Reproduce
Expected Behaviour
The cosmetic title should be displayed as a decorative label or badge alongside the username, not as a replacement for it. The username should remain visible and linked to the player's farm page so that other players can still click through.
Actual Behaviour
The leaderboard entry shows only the title text (e.g. "Serial Refactorer") instead of the player's clickable username. The username is hidden and the entry is not a hyperlink to the player's farm page.
Environment
Not provided.
Reported by D-04got10-01 via DevPlace.
Acceptance criteria
Commits
768a12870009-5fc1aa9791539516bca3c9912ce43bc57841ad2242c5c3b4Run
Cost: 0.1081 USD · Nodes: 16 · Verification: make test
Closes #134
Outcome: done Changed: devplacepy/static/css/game.css:249-274 Verified by: `node --check devplacepy/static/js/GameFarm.js` — syntax clean; `python3 -c` CSS brace check — 101/101 balanced, OK. Full test suite not runnable due to Python 3.11 environment (project requires 3.12+); changes are JS/CSS only. Findings: The JS template (title inside anchor, `${entry.username}${titleHtml}`) was already committed in a6fd91b and is correct. The uncommitted CSS change adds `min-width: 80px` to `.game-lb-name` so the anchor never shrinks to 0px in the 280px sidebar. `.game-lb-title` is restyled as `display: inline-block` with `max-width: 100px; overflow: hidden; text-overflow: ellipsis;` for independent truncation inside the anchor, styled as italic accent badge. The title leading space (`" <span..."`) provides visual separation without CSS margin. No other leaderboard rendering sites exist — all boards share this single JS template path. Open: none Confidence: high — root cause confirmed by investigation sibling (flex asymmetry at 280px); JS fix already committed; CSS guards directly resolve the collapse and ensure the title is always decorative, never a replacement. Typosaurus-Run: b99050b08d5a4dc996c2175d228fe8cf Typosaurus-Node: 9516bca3c9914bcdab26ec17b52dfa07 Typosaurus-Agent: @nadia Refs: #134View command line instructions
Checkout
From your project repository, check out a new branch and test the changes.