diff --git a/public/style/chat.css b/public/style/chat.css index 1c6a8c7..77acd40 100755 --- a/public/style/chat.css +++ b/public/style/chat.css @@ -12,10 +12,7 @@ body { font-family: Arial, sans-serif; margin: 0; padding: 0; - display: flex; - height: 100vh; - background-color: #e9edf1; - flex-direction: column; + overflow: hidden; } @@ -196,13 +193,10 @@ body { flex-direction: column; flex: 1; min-width: 0; - background-color: #ffffff; + background-color:#f1f1f1; border-radius: 10px; - box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); - margin: 0px; - margin-top: 20px; - margin-left: 1%; - margin-bottom: -7px; + box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); + margin: 1% 4% 0.5% 1%; } /* En-tête du chat */ @@ -277,6 +271,8 @@ body { background-color: #bdc3c7; display: flex; align-items: center; + border-radius: 10px; + margin: 1%; /* Alignement vertical */ } @@ -330,6 +326,11 @@ body { color: var(--primary-color); } +chat-element { + width: 100%; + height: 90vh; +} + #message-input { width: 100%; height: 50px; diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts index e8ec4a6..6b843af 100755 --- a/src/pages/chat/chat.ts +++ b/src/pages/chat/chat.ts @@ -789,6 +789,7 @@ class ChatElement extends HTMLElement { }); }); + //trier les processus : ceux de l'utilisateur en premier processResult.sort((a, b) => { const aInSet = this.userProcessSet.has(a.states[0].commited_in); const bInSet = this.userProcessSet.has(b.states[0].commited_in); @@ -813,7 +814,6 @@ class ChatElement extends HTMLElement { li.onmouseout = () => { li.style.backgroundColor = 'var(--accent-color)'; }; - li.classList.add('my-process'); console.log("✅ Processus trouvé dans le set:", oneProcess); }