quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Trim long navbar usernames on mobile #83

Merged
quoije merged 1 commits from 2026 into prod 2026-01-26 19:01:17 -05:00
Conversation 0 Commits 1 Files Changed 1
+6 -2
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit cf57eee5a3 - Show all commits
public/js/app_header_boot.js
+6 -2
View File
@@ -42,15 +42,19 @@
} }
const name = decoded.name || ''; const name = decoded.name || '';
const maxNameLength = 15;
const displayName = name.length > maxNameLength
? name.slice(0, Math.max(0, maxNameLength - 3)) + '...'
: name;
const nameTargets = document.querySelectorAll('[data-user-name]'); const nameTargets = document.querySelectorAll('[data-user-name]');
if (nameTargets.length) { if (nameTargets.length) {
nameTargets.forEach((el) => { nameTargets.forEach((el) => {
if (el && !el.textContent) el.textContent = name; if (el && !el.textContent) el.textContent = displayName;
}); });
} else { } else {
const nameEl = document.getElementById('user-name'); const nameEl = document.getElementById('user-name');
if (nameEl && !nameEl.textContent) { if (nameEl && !nameEl.textContent) {
nameEl.textContent = name; nameEl.textContent = displayName;
} }
} }