From d7baea891a01d9474747c57461893c5c11d67fd5 Mon Sep 17 00:00:00 2001 From: Zita Szupera Date: Tue, 9 Apr 2024 10:51:55 +0200 Subject: [PATCH] fix: new message indicator (#286) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### 🎯 Goal Affects both Angular and React Context: https://getstream.slack.com/archives/C06CF5TKRGA/p1712244144318319?thread_ts=1712156840.771619&cid=C06CF5TKRGA ### 🛠 Implementation details _Provide a description of the implementation_ ### 🎨 UI Changes Before: ![Screenshot 2024-04-05 at 09 40 28](https://github.com/GetStream/stream-chat-css/assets/6690098/23d8a4fe-1779-468f-96b5-f13f3308a219) After: ![Screenshot 2024-04-05 at 09 39 40](https://github.com/GetStream/stream-chat-css/assets/6690098/3c8b86bc-b7b7-47c9-9147-72dbd9cd96e9) Make sure to test with both Angular and React (with both `MessageList` and `VirtualizedMessageList` components) SDKs --- src/v2/styles/ChannelPreview/ChannelPreview-layout.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss b/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss index b2b96ae2..c848d0ef 100644 --- a/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss +++ b/src/v2/styles/ChannelPreview/ChannelPreview-layout.scss @@ -36,10 +36,9 @@ .str-chat__channel-preview-end-first-row { display: flex; column-gap: var(--str-chat__spacing-1); - align-items: center; + align-items: stretch; .str-chat__channel-preview-unread-badge { - height: 100%; display: flex; align-items: center; padding: 0 var(--str-chat__spacing-2);