css_ok

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;

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);
                         }