diff --git a/public/style/chat.css b/public/style/chat.css index bd72d23..1c6a8c7 100755 --- a/public/style/chat.css +++ b/public/style/chat.css @@ -330,10 +330,6 @@ body { color: var(--primary-color); } -.my-process { - background-color: var(--accent-color); -} - #message-input { width: 100%; height: 50px; diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts index d9425f7..3e2d2bd 100755 --- a/src/pages/chat/chat.ts +++ b/src/pages/chat/chat.ts @@ -796,7 +796,17 @@ class ChatElement extends HTMLElement { // Si le processus est dans notre Set, ajouter la classe my-process if (this.userProcessSet && this.userProcessSet.has(oneProcess)) { - li.style.backgroundColor = 'var(--accent-color)'; + li.style.cssText = ` + background-color: var(--accent-color); + transition: background-color 0.3s ease; + cursor: pointer; + `; + li.onmouseover = () => { + li.style.backgroundColor = 'var(--accent-color-hover)'; + }; + li.onmouseout = () => { + li.style.backgroundColor = 'var(--accent-color)'; + }; console.log("✅ Processus trouvé dans le set:", oneProcess); }