css_message_fixed

This commit is contained in:
Pascal 2025-01-09 18:07:19 +01:00
parent 880ae45c2c
commit f52cbd2346
2 changed files with 15 additions and 10 deletions

View File

@ -254,9 +254,10 @@ body {
} }
.message-time { .message-time {
font-size: 0.8em; font-size: 0.7em;
opacity: 0.8; opacity: 0.7;
margin-left: 8px; margin-left: 0px;
margin-top: 5px;
} }

View File

@ -543,11 +543,13 @@ class ChatElement extends HTMLElement {
if (message.type === 'file') { if (message.type === 'file') {
messageContent.innerHTML = ` messageContent.innerHTML = `
<div class="message-content">
<strong>${await addressToEmoji(message.sender)}</strong>: <strong>${await addressToEmoji(message.sender)}</strong>:
<span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;"> <span class="file-message" style="cursor: pointer; color: #0066cc; text-decoration: underline;">
📎 ${message.fileName} 📎 ${message.fileName}
</span> </span>
<span class="message-time">${message.time}</span> </div>
<div class="message-time">${message.time}</div>
`; `;
// Ajouter le gestionnaire de clic pour le téléchargement // Ajouter le gestionnaire de clic pour le téléchargement
@ -567,8 +569,10 @@ class ChatElement extends HTMLElement {
}); });
} else { } else {
messageContent.innerHTML = ` messageContent.innerHTML = `
<div class="message-content">
<strong>${await addressToEmoji(message.sender)}</strong>: ${message.text} <strong>${await addressToEmoji(message.sender)}</strong>: ${message.text}
<span class="message-time">${message.time}</span> </div>
<div class="message-time">${message.time}</div>
`; `;
} }