diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css index fd81be1b..2e2c6c10 100644 --- a/front/dist/resources/style/style.css +++ b/front/dist/resources/style/style.css @@ -1072,17 +1072,22 @@ div.modal-report-user{ } .discussion .messages .message p.body{ + color: white; font-size: 16px; overflow: hidden; white-space: pre-wrap; word-wrap: break-word; } +.discussion .messages .message p.a{ + color: white; +} .discussion .send-message{ position: absolute; bottom: 45px; width: 220px; height: 26px; + margin-bottom: 10px; } .discussion .send-message input{ diff --git a/front/src/WebRtc/DiscussionManager.ts b/front/src/WebRtc/DiscussionManager.ts index 83dd06a3..5571bcd6 100644 --- a/front/src/WebRtc/DiscussionManager.ts +++ b/front/src/WebRtc/DiscussionManager.ts @@ -59,6 +59,16 @@ export class DiscussionManager { const sendDivMessage: HTMLDivElement = document.createElement('div'); sendDivMessage.classList.add('send-message'); const inputMessage: HTMLInputElement = document.createElement('input'); + inputMessage.onfocus = () => { + if(this.userInputManager) { + this.userInputManager.clearAllInputKeyboard(); + } + } + inputMessage.onblur = () => { + if(this.userInputManager) { + this.userInputManager.initKeyBoardEvent(); + } + } inputMessage.type = "text"; inputMessage.addEventListener('keyup', (event: KeyboardEvent) => { if (event.key === 'Enter') { @@ -169,7 +179,7 @@ export class DiscussionManager { divMessage.appendChild(pMessage); const userMessage: HTMLParagraphElement = document.createElement('p'); - userMessage.innerText = this.urlify(message); + userMessage.innerHTML = this.urlify(message); userMessage.classList.add('body'); divMessage.appendChild(userMessage); @@ -197,17 +207,11 @@ export class DiscussionManager { private showDiscussion(){ this.activeDiscussion = true; - if(this.userInputManager) { - this.userInputManager.clearAllInputKeyboard(); - } this.divDiscuss?.classList.add('active'); } private hideDiscussion(){ this.activeDiscussion = false; - if(this.userInputManager) { - this.userInputManager.initKeyBoardEvent(); - } this.divDiscuss?.classList.remove('active'); }