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

Trim long navbar usernames on mobile

Browse Source 
Limit displayed user names to 15 characters with ellipsis to prevent layout wrap.
This commit is contained in:
Mathieu Moran
2026-01-26 19:00:27 -05:00
parent a17d548431
commit cf57eee5a3
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
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;
} }
} }