fix(Messaging): multiple small fixes

Magic-Fishes · Sep 13, 2024 · 754ceef · 754ceef
1 parent 2467846
commit 754ceef
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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 */