Merge pull request #83 from quoije/2026
Trim long navbar usernames on mobile
This commit was merged in pull request #83.
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user