Make sure read indicator doesn't get wrapped

wireapp · Jun 11, 2024 · d0816ce · d0816ce
1 parent 200bc07
commit d0816ce
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts b/src/script/components/MessagesList/Message/ReadIndicator/ReadIndicator.styles.ts
@@ -33,6 +33,7 @@ export const ReadReceiptText: CSSObject = {
   display: 'inline-flex',
   alignItems: 'center',
   verticalAlign: 'text-bottom',
+  whiteSpace: 'nowrap',
 };
 
 export const ReadIndicatorStyles = (showIconOnly = false): CSSObject => ({

diff --git a/src/style/content/conversation/message-list.less b/src/style/content/conversation/message-list.less
@@ -467,6 +467,7 @@
       flex-direction: column;
       .message-status-read__count {
         margin-left: 0;
+        white-space: nowrap;
       }
     }
   }