pleroma-fe

commit: a7a69d08a7db73dce3b32506d9453a21c3bab088
parent dd9e18fd34bbec2c4ab8af53cb1f4da5812fa271
Author: HJ <30-hj@users.noreply.git.pleroma.social>
Date:   Fri, 26 Feb 2021 10:15:09 +0000

Merge branch 'fix/chat-unread-badge' into 'develop'

fix chat unread badge

See merge request pleroma/pleroma-fe!1359
Diffstat:
M
CHANGELOG.md
1
+
M
src/components/chat/chat.scss
6
+++---

2 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Fixed shoutbox not working in mobile layout
 - Fixed missing highlighted border in expanded conversations again
 - Fixed some UI jumpiness when opening images particularly in chat view
+- Fixed chat unread badge looking weird
 
 ### Changed
 - Display 'people voted' instead of 'votes' for multi-choice polls
diff --git a/src/components/chat/chat.scss b/src/components/chat/chat.scss
@@ -98,10 +98,10 @@
     .unread-message-count {
       font-size: 0.8em;
       left: 50%;
-      transform: translate(-50%, 0);
-      border-radius: 100%;
       margin-top: -1rem;
-      padding: 0;
+      padding: 0.1em;
+      border-radius: 50px;
+      position: absolute;
     }
 
     .chat-loading-error {