${escapeHTML(msg.username)}
- ${renderRoleIconJS(msg.role_icon, '12px')}
+ ${renderRoleIconJS(msg.role_icon, '14px')}
${msg.time}
@@ -957,7 +957,7 @@ document.addEventListener('DOMContentLoaded', () => {
${roles.map(r => `
- ${r.icon_url ? `
` : ''}
+ ${r.icon_url ? `
` : ''}
${escapeHTML(r.name)}
`).join('')}
@@ -1133,7 +1133,7 @@ document.addEventListener('DOMContentLoaded', () => {
availableRoles.forEach(role => {
const li = document.createElement('li');
li.innerHTML = `
-
+
${role.name}
`;
li.onclick = async (e) => {
@@ -1544,7 +1544,7 @@ document.addEventListener('DOMContentLoaded', () => {
} catch (e) { console.error(e); }
}
- function renderRoleIconJS(icon, size = '12px') {
+ function renderRoleIconJS(icon, size = '14px') {
if (!icon) return '';
const isUrl = icon.startsWith('http') || icon.startsWith('/');
if (isUrl) {
@@ -1584,7 +1584,7 @@ document.addEventListener('DOMContentLoaded', () => {
item.style.marginBottom = '8px';
item.style.cursor = 'pointer';
- const roleIconHtml = renderRoleIconJS(m.role_icon, '12px');
+ const roleIconHtml = renderRoleIconJS(m.role_icon, '14px');
const avatarBg = m.avatar_url ? `background-image: url('${m.avatar_url}');` : '';
const statusColor = m.status === 'online' ? '#23a559' : '#80848e';
@@ -1609,7 +1609,7 @@ document.addEventListener('DOMContentLoaded', () => {
authorEl.style.color = member.role_color || 'inherit';
// Try to update icon if it exists or add it if it doesn't
let iconEl = authorEl.querySelector('.role-icon, span.ms-1');
- const newIconHtml = renderRoleIconJS(member.role_icon, '12px');
+ const newIconHtml = renderRoleIconJS(member.role_icon, '14px');
if (newIconHtml) {
if (iconEl) {
@@ -1638,7 +1638,7 @@ document.addEventListener('DOMContentLoaded', () => {
const item = document.createElement('div');
item.className = 'list-group-item bg-transparent text-white border-secondary d-flex justify-content-between align-items-center p-2 mb-1 rounded role-sortable-item';
item.dataset.id = role.id;
- const roleIconHtml = renderRoleIconJS(role.icon_url, '12px');
+ const roleIconHtml = renderRoleIconJS(role.icon_url, '14px');
item.innerHTML = `
@@ -1698,7 +1698,7 @@ document.addEventListener('DOMContentLoaded', () => {
const item = document.createElement('div');
item.className = 'list-group-item bg-transparent text-white border-secondary d-flex justify-content-between align-items-center p-2 mb-2 rounded bg-dark';
- const roleIconHtml = renderRoleIconJS(member.role_icon, '12px');
+ const roleIconHtml = renderRoleIconJS(member.role_icon, '14px');
item.innerHTML = `
@@ -2160,7 +2160,7 @@ document.addEventListener('DOMContentLoaded', () => {
div.className = 'd-flex justify-content-between align-items-center mb-2 p-2 bg-dark rounded';
div.innerHTML = `
@@ -2448,7 +2448,7 @@ document.addEventListener('DOMContentLoaded', () => {
function parseCustomEmotes(text) {
let parsed = escapeHTML(text);
(window.CUSTOM_EMOTES_CACHE || []).forEach(emote => {
- const imgHtml = `

`;
+ const imgHtml = `

`;
parsed = parsed.split(emote.code).join(imgHtml);
});
return parsed;
@@ -2543,7 +2543,7 @@ document.addEventListener('DOMContentLoaded', () => {