From 754ceef518dc1e021295ddd2257baec5220cc876 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Truite=20S=C3=A9ch=C3=A9e?= <truite.berthail@gmail.com>
Date: Fri, 13 Sep 2024 20:47:51 +0200
Subject: [PATCH] fix(Messaging): multiple small fixes

---
 src/components/app/Header/Header.jsx             |  4 ++--
 .../app/Header/HeaderNavigationButton.css        | 16 ++++++++++------
 src/components/app/Messaging/Inbox.css           |  1 +
 src/components/app/Messaging/MessageReader.css   |  5 ++---
 4 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/src/components/app/Header/Header.jsx b/src/components/app/Header/Header.jsx
index c62026e2..7a8c0785 100644
--- a/src/components/app/Header/Header.jsx
+++ b/src/components/app/Header/Header.jsx
@@ -169,7 +169,7 @@ export default function Header({ currentEDPVersion, token, accountsList, setActi
             link: `/app/${activeAccount}/homeworks`,
             icon: <HomeworksIconOfficial />,
             notifications: notifications?.homeworks || 0,
-            isNew: true
+            isNew: false
         },
         {
             enabled: accountsList[activeAccount]?.modules?.filter((item) => item.code === "EDT").map((item) => item.enable).includes(true) ?? true,
@@ -189,7 +189,7 @@ export default function Header({ currentEDPVersion, token, accountsList, setActi
             link: `/app/${activeAccount}/messaging`,
             icon: <MessagingIcon />,
             notifications: notifications?.messaging || 0,
-            isNew: false
+            isNew: true
         }
     ]
     // Behavior
diff --git a/src/components/app/Header/HeaderNavigationButton.css b/src/components/app/Header/HeaderNavigationButton.css
index cdd2448d..878d7880 100644
--- a/src/components/app/Header/HeaderNavigationButton.css
+++ b/src/components/app/Header/HeaderNavigationButton.css
@@ -69,26 +69,30 @@
 }
 
 .header-button .notifications.new {
-    background-color: rgb(var(--background-color-1));
+    background-color: black;
+    color: gold;
     width: 52px;
-    color: rgb(var(--text-color-main));
-    animation: new-feature-notification-animation .8s ease alternate forwards;
-    animation-iteration-count: 20;
+    /* animation: new-feature-notification-animation .8s ease alternate forwards;
+    animation-iteration-count: 20; */
     left: 40px;
 }
+.light .header-button .notifications.new {
+    background-color: gold;
+    color: black;
+}
 
 .light .header-button .notifications.new {
     box-shadow: 0 0 20px rgba(0, 0, 0, .2);
 }
 
-@keyframes new-feature-notification-animation {
+/* @keyframes new-feature-notification-animation {
     from {
         scale: .9;
     }
     to {
         scale: 1;
     }
-}
+} */
 
 @keyframes notification-pop-in {
     from {
diff --git a/src/components/app/Messaging/Inbox.css b/src/components/app/Messaging/Inbox.css
index f66c0662..bf3c17b3 100644
--- a/src/components/app/Messaging/Inbox.css
+++ b/src/components/app/Messaging/Inbox.css
@@ -100,6 +100,7 @@
     background-color: transparent;
     transition: .1s;
     cursor: pointer;
+    outline: none;
 }
 #inbox .message-container .mark-as-unread:is(:hover, :focus-visible) .mark-as-unread-icon path {
     stroke: rgb(var(--text-color-alt));
diff --git a/src/components/app/Messaging/MessageReader.css b/src/components/app/Messaging/MessageReader.css
index 5656acac..aa5cdabf 100644
--- a/src/components/app/Messaging/MessageReader.css
+++ b/src/components/app/Messaging/MessageReader.css
@@ -54,9 +54,8 @@
     margin: 0 auto;
 }
 
-#message-reader .message-content > div img {
-    display: block;
-    margin: 0 auto;
+#message-reader .message-content > div > p:has(> img) {
+    text-align: center;
 }
 /* end */